Browse Source

feat: 修改navbar组件

zhenyulei 5 years ago
parent
commit
533620dcbb
3 changed files with 7 additions and 7 deletions
  1. 1 1
      src/packages/navbar/demo.vue
  2. 1 1
      src/packages/navbar/doc.md
  3. 5 5
      src/packages/navbar/navbar.vue

+ 1 - 1
src/packages/navbar/demo.vue

@@ -1,7 +1,7 @@
 <template>
 <template>
   <div class="demo-list">
   <div class="demo-list">
     <h4>基础样式</h4>
     <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>
     <h4>右侧增加折叠菜单</h4>
     <nut-navbar :close-show="false"></nut-navbar>
     <nut-navbar :close-show="false"></nut-navbar>
     <h4>右侧文案样式</h4>
     <h4>右侧文案样式</h4>

+ 1 - 1
src/packages/navbar/doc.md

@@ -5,7 +5,7 @@
 ## 基础样式
 ## 基础样式
 
 
 ```html
 ```html
-<nut-navbar :close-show="false" :more-show="false"></nut-navbar>
+<nut-navbar :close-show="false" :search-show="false"></nut-navbar>
 ```
 ```
 
 
 ## 右侧增加折叠菜单
 ## 右侧增加折叠菜单

+ 5 - 5
src/packages/navbar/navbar.vue

@@ -6,8 +6,8 @@
           <img width="22" height="22" src="../../assets/img/nav_arrow.png" />
           <img width="22" height="22" src="../../assets/img/nav_arrow.png" />
         </slot>
         </slot>
       </div>
       </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" />
           <img width="22" height="22" src="../../assets/img/nav_close.png" class="close-img" />
         </slot>
         </slot>
       </div>
       </div>
@@ -20,8 +20,8 @@
       </h3>
       </h3>
     </div>
     </div>
     <div class="nav-right">
     <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" />
           <img width="22" height="22" src="../../assets/img/nav_search.png" class="search-img" />
         </slot>
         </slot>
       </div>
       </div>
@@ -50,7 +50,7 @@ export default {
       type: Boolean,
       type: Boolean,
       default: true,
       default: true,
     },
     },
-    rightShow: {
+    searchShow: {
       type: Boolean,
       type: Boolean,
       default: true,
       default: true,
     },
     },