feat: 修改navbar组件

jdf2e · Sep 24, 2020 · 533620d · 533620d
1 parent d454f78
commit 533620d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/packages/navbar/demo.vue b/src/packages/navbar/demo.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="demo-list">
     <h4>基础样式</h4>
-    <nut-navbar :close-show="false" :more-show="false"></nut-navbar>
+    <nut-navbar :close-show="false" :more-show="false" :search-show="false"></nut-navbar>
     <h4>右侧增加折叠菜单</h4>
     <nut-navbar :close-show="false"></nut-navbar>
     <h4>右侧文案样式</h4>

diff --git a/src/packages/navbar/doc.md b/src/packages/navbar/doc.md
@@ -5,7 +5,7 @@
 ## 基础样式
 
 ```html
-<nut-navbar :close-show="false" :more-show="false"></nut-navbar>
+<nut-navbar :close-show="false" :search-show="false"></nut-navbar>
 ```
 
 ## 右侧增加折叠菜单

diff --git a/src/packages/navbar/navbar.vue b/src/packages/navbar/navbar.vue
@@ -6,8 +6,8 @@
           <img width="22" height="22" src="../../assets/img/nav_arrow.png" />
         </slot>
       </div>
-      <div class="close" @click="$emit('on-click-close')">
-        <slot name="close-icon" v-if="closeShow">
+      <div class="close" @click="$emit('on-click-close')" v-if="closeShow">
+        <slot name="close-icon">
           <img width="22" height="22" src="../../assets/img/nav_close.png" class="close-img" />
         </slot>
       </div>
@@ -20,8 +20,8 @@
       </h3>
     </div>
     <div class="nav-right">
-      <div class="search" @click="$emit('on-click-search')">
-        <slot name="search-icon" v-show="rightShow">
+      <div class="search" @click="$emit('on-click-search')" v-show="searchShow">
+        <slot name="search-icon">
           <img width="22" height="22" src="../../assets/img/nav_search.png" class="search-img" />
         </slot>
       </div>
@@ -50,7 +50,7 @@ export default {
       type: Boolean,
       default: true,
     },
-    rightShow: {
+    searchShow: {
       type: Boolean,
       default: true,
     },