本文主要是介绍小程序固定头部实现:van-nav-bar插件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
用的是Vant的NavBar插件:
https://youzan.github.io/vant-weapp/#/nav-bar#wai-bu-yang-shi-lei
效果图
页面使用,放开注释的地方就可以显示左边按钮
<van-nav-bar title="精益成本核算" fixed="true" placeholder="true" custom-class="nav" title-class="nav-title"><!-- <view slot="left" class="leftIcon"><van-icon name="arrow-left" color="white" size="15px" /></view> -->
</van-nav-bar>
全局样式
.nav{background-color: #0081FF !important;
}
.nav-title{color: white !important;
}
这篇关于小程序固定头部实现:van-nav-bar插件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!