提交 533620dc 编写于 作者: xiaozhumaopao's avatar xiaozhumaopao

feat: 修改navbar组件

上级 d454f789
<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>
......
......@@ -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>
```
## 右侧增加折叠菜单
......
......@@ -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,
},
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册