ソースを参照

docs(Menu): 修正自定义图标文档错误 、设置class-prefix不生效问题 (#1942)

* fix: 隐藏菜单时,不移除Popup里的内容

* fix: 修复弹框跳转问题

* docs: 修正自定义图标文档错误;fix: 修复子元素设置class-prefix不生效问题

Co-authored-by: yangjinjun3 <yangjinjun3@jd.com>
yangjinjun3 3 年 前
コミット
94671cc648

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

@@ -220,8 +220,8 @@ export default {
 
 ```html
 <template>
-  <nut-menu>
-    <nut-menu-item v-model="state.value1" :options="state.options1" titleIcon="joy-smile" />
+  <nut-menu titleIcon="joy-smile">
+    <nut-menu-item v-model="state.value1" :options="state.options1" />
     <nut-menu-item v-model="state.value2" @change="handleChange" :options="state.options2" optionIcon="checklist" />
   </nut-menu>
 </template>
@@ -389,7 +389,7 @@ export default {
 | scroll-fixed `v3.1.22`           | Whether to fixed when window is scrolled, fixed position can be set | Boolean、String、Number | false   |
 | title-class `v3.1.22`            | Custome title class                                                 | String                  | -       |
 | lock-scroll `v3.1.22`            | Whether the background is locked                                    | Boolean                 | true    |
-| title-icon `3.2.1`               | Custome title icon                                                  | String                  | -       |
+| title-icon `v3.2.1`               | Custome title icon                                                  | String                  | -       |
 
 ### MenuItem Props
 

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

@@ -221,8 +221,8 @@ export default {
 
 ```html
 <template>
-  <nut-menu>
-    <nut-menu-item v-model="state.value1" :options="state.options1" titleIcon="joy-smile" />
+  <nut-menu titleIcon="joy-smile">
+    <nut-menu-item v-model="state.value1" :options="state.options1" />
     <nut-menu-item v-model="state.value2" @change="handleChange" :options="state.options2" optionIcon="checklist" />
   </nut-menu>
 </template>
@@ -390,7 +390,7 @@ export default {
 | scroll-fixed `v3.1.22`           | 滚动后是否固定,可设置固定位置 | Boolean、String、Number | false   |
 | title-class `v3.1.22`            | 自定义标题样式类               | String                  | -       |
 | lock-scroll `v3.1.22`            | 背景是否锁定                   | Boolean                 | true    |
-| title-icon `3.2.1`               | 自定义标题图标                 | String                  | -       |
+| title-icon `v3.2.1`               | 自定义标题图标                 | String                  | -       |
 
 
 ### MenuItem Props

+ 5 - 0
src/packages/__VUE/menuitem/index.taro.vue

@@ -48,6 +48,7 @@
               :name="optionIcon"
               v-bind="$attrs"
               :color="parent.props.activeColor"
+              :class-prefix="classPrefix"
             ></nut-icon>
             <view
               :class="{
@@ -94,6 +95,10 @@ export default create({
     optionIcon: {
       type: String,
       default: 'Check'
+    },
+    classPrefix: {
+      type: String,
+      default: 'nut-icon'
     }
   },
   components: {

+ 5 - 0
src/packages/__VUE/menuitem/index.vue

@@ -44,6 +44,7 @@
             v-if="option.value === modelValue"
             :name="optionIcon"
             :color="parent.props.activeColor"
+            :class-prefix="classPrefix"
           ></nut-icon>
           <view
             :class="{ activeTitleClass: option.value === modelValue, inactiveTitleClass: option.value !== modelValue }"
@@ -84,6 +85,10 @@ export default create({
     optionIcon: {
       type: String,
       default: 'Check'
+    },
+    classPrefix: {
+      type: String,
+      default: 'nut-icon'
     }
   },
   components: {

+ 2 - 2
src/sites/mobile-taro/vue/src/nav/pages/menu/index.vue

@@ -25,8 +25,8 @@
       <nut-menu-item v-model="state.value2" @change="handleChange" :options="state.options2" />
     </nut-menu>
     <h2>自定义图标</h2>
-    <nut-menu>
-      <nut-menu-item v-model="state.value1" :options="state.options1" titleIcon="joy-smile" />
+    <nut-menu titleIcon="joy-smile">
+      <nut-menu-item v-model="state.value1" :options="state.options1" />
       <nut-menu-item v-model="state.value2" @change="handleChange" :options="state.options2" optionIcon="checklist" />
     </nut-menu>
     <h2>向上展开</h2>