Browse Source

docs(menu): 修改文档,引入图标

yangjinjun3 3 years ago
parent
commit
6818077de9

+ 3 - 2
src/packages/__VUE/menu/doc.en-US.md

@@ -218,8 +218,8 @@ export default {
     <template #icon>
     <template #icon>
       <TriangleDown />
       <TriangleDown />
     </template>
     </template>
-    <nut-menu-item v-model="state.value1" :options="options1" />
-    <nut-menu-item v-model="state.value2" @change="handleChange" :options="options2">
+    <nut-menu-item v-model="state.value1" :options="state.options1" />
+    <nut-menu-item v-model="state.value2" @change="handleChange" :options="state.options2">
       <template #icon>
       <template #icon>
         <Checked></Checked>
         <Checked></Checked>
       </template>
       </template>
@@ -229,6 +229,7 @@ export default {
 
 
 <script>
 <script>
 import { reactive, ref } from 'vue';
 import { reactive, ref } from 'vue';
+import { TriangleDown, Checked } from '@nutui/icons-vue';
 
 
 export default {
 export default {
   setup() {
   setup() {

+ 3 - 2
src/packages/__VUE/menu/doc.md

@@ -219,8 +219,8 @@ export default {
     <template #icon>
     <template #icon>
       <TriangleDown />
       <TriangleDown />
     </template>
     </template>
-    <nut-menu-item v-model="state.value1" :options="options1" />
-    <nut-menu-item v-model="state.value2" @change="handleChange" :options="options2">
+    <nut-menu-item v-model="state.value1" :options="state.options1" />
+    <nut-menu-item v-model="state.value2" @change="handleChange" :options="state.options2">
       <template #icon>
       <template #icon>
         <Checked></Checked>
         <Checked></Checked>
       </template>
       </template>
@@ -230,6 +230,7 @@ export default {
 
 
 <script>
 <script>
 import { reactive, ref } from 'vue';
 import { reactive, ref } from 'vue';
+import { TriangleDown, Checked } from '@nutui/icons-vue';
 
 
 export default {
 export default {
   setup() {
   setup() {

+ 3 - 2
src/packages/__VUE/menu/doc.taro.md

@@ -219,8 +219,8 @@ export default {
     <template #icon>
     <template #icon>
       <TriangleDown />
       <TriangleDown />
     </template>
     </template>
-    <nut-menu-item v-model="state.value1" :options="options1" />
-    <nut-menu-item v-model="state.value2" @change="handleChange" :options="options2">
+    <nut-menu-item v-model="state.value1" :options="state.options1" />
+    <nut-menu-item v-model="state.value2" @change="handleChange" :options="state.options2">
       <template #icon>
       <template #icon>
         <Checked></Checked>
         <Checked></Checked>
       </template>
       </template>
@@ -230,6 +230,7 @@ export default {
 
 
 <script>
 <script>
 import { reactive, ref } from 'vue';
 import { reactive, ref } from 'vue';
+import { TriangleDown, Checked } from '@nutui/icons-vue';
 
 
 export default {
 export default {
   setup() {
   setup() {