From 1689ba037520fa47a554a9ad1822b69a4fcc2c61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 29 Sep 2021 01:48:18 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BC=98=E5=8C=96]=20=E6=96=87=E6=A1=A3=20log?=
 =?UTF-8?q?o=20=E4=B8=8E=20=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/src/assets/logo.png    | Bin 0 -> 2635 bytes
 docs/src/layouts/Layout.vue |  18 ++++++++++++---
 docs/src/plugin/snippet.ts  |   1 -
 src/module/radio/index.vue  |  45 ++++++++++++++++++++++++++++++++++--
 4 files changed, 58 insertions(+), 6 deletions(-)
 create mode 100644 docs/src/assets/logo.png

diff --git a/docs/src/assets/logo.png b/docs/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3791d2fbc801390c39c72ba7b363072525dfe819
GIT binary patch
literal 2635
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

literal 0
HcmV?d00001

diff --git a/docs/src/layouts/Layout.vue b/docs/src/layouts/Layout.vue
index 3510865d..db5b407e 100644
--- a/docs/src/layouts/Layout.vue
+++ b/docs/src/layouts/Layout.vue
@@ -2,10 +2,12 @@
   <div class="width:100%;height:300px">
     <lay-layout>
       <lay-header>
-        <lay-logo> layui-vue </lay-logo>
+        <lay-logo>
+          <img src="../assets/logo.png">
+        </lay-logo>
       </lay-header>
       <lay-side>
-        <ul>
+        <ul class="layui-menu layui-menu-lg">
           <li><router-link to="/zh-CN/components/layout">布局</router-link></li>
           <li><router-link to="/zh-CN/components/button">按钮</router-link></li>
           <li><router-link to="/zh-CN/components/icon">图标</router-link></li>
@@ -36,4 +38,14 @@ export default {
     return {}
   },
 }
-</script>
\ No newline at end of file
+</script>
+<style>
+.layui-logo img {
+  height: 31px;
+  width: 82px;
+  left: 15px;
+  top: 16px;
+
+}
+
+</style>
\ No newline at end of file
diff --git a/docs/src/plugin/snippet.ts b/docs/src/plugin/snippet.ts
index 730a3686..3c73816c 100644
--- a/docs/src/plugin/snippet.ts
+++ b/docs/src/plugin/snippet.ts
@@ -1,4 +1,3 @@
-// copy from [vitepress](https://github.com/vuejs/vitepress)
 import fs from 'fs'
 import MarkdownIt from 'markdown-it'
 import { RuleBlock } from 'markdown-it/lib/parser_block'
diff --git a/src/module/radio/index.vue b/src/module/radio/index.vue
index 69e485a5..289f97f4 100644
--- a/src/module/radio/index.vue
+++ b/src/module/radio/index.vue
@@ -1,7 +1,48 @@
 <template>
-  <div></div>
+  <span>
+    <input type="radio" :value="label" :name="name" />
+    <div
+      class="layui-unselect layui-form-radio"
+      @click="handleClick"
+      :class="{
+        'layui-form-radioed': modelValue == label,
+        'layui-radio-disbaled layui-disabled': disabled,
+      }"
+    >
+      <i
+        v-if="modelValue != label"
+        class="layui-anim layui-icon layui-anim-scaleSpring"
+        :class="{ 'layui-form-radioed': modelValue != label }"
+        >&#xe63f;</i
+      >
+      <i
+        v-if="modelValue == label"
+        class="layui-anim layui-icon layui-anim-scaleSpring"
+        :class="{ 'layui-form-radioed': modelValue == label }"
+        >&#xe643;</i
+      >
+      <span><slot></slot></span>
+    </div>
+  </span>
 </template>
 
 <script setup name="LayRadio" lang="ts">
+import { defineProps, defineEmits } from '@vue/runtime-core'
 
-</script>
+const props =
+  defineProps<{
+    modelValue: string
+    disabled?: boolean
+    label?: string
+    name: string
+  }>()
+
+const emit = defineEmits(['update:modelValue'])
+
+const handleClick = function () {
+  if (props.disabled) {
+    return false
+  }
+  emit('update:modelValue', !props.modelValue)
+}
+</script>
\ No newline at end of file