uniapp自定义导航栏

来了，小编来了，今天小编给大家带来的uniapp自定义导航栏  美化界面

封装了一个自定义组件 来完成  导航栏的  按钮   文字  搜素框 

上图    需要源码的私信小编就好

<header-bar :isBack="true" :search="true" :searchRadius="true" :bgColor="{'background-image': 'linear-gradient(45deg, #96e1e1 10%, #fd906f )'}">
<text slot="back" class="iconfont iconfanhui"></text>
<text slot="headerL">首页</text>
<image slot="image" src="../../static/images/hd.png" mode="aspectFit" style="width:20px;height:20px"></image>
<!-- <text slot="iconfont" class="iconfont iconchaxun" style="color: #fff;font-size: 20px;"></text> -->
<text slot="string" class="uni_btnString" style="color: #e3fb09;margin-left: 10px;">查看
</text>