小程序固定头部实现: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;
}
相关推荐
小满zs4 分钟前
React-router v7 第三章(路由)
前端·react.js
Kx…………3 小时前
Day2:前端项目uniapp壁纸实战
前端·学习·uni-app·实战·项目
gqkmiss4 小时前
Git Cherry-pick:核心命令、实践详解
前端·git·前端框架·commit·cherry-pick
不想上班只想要钱4 小时前
vue面试题
前端·javascript·vue.js
拉不动的猪5 小时前
简单回顾下es6增数组方法
前端·javascript·面试
Alkaid:5 小时前
解决Long类型前端精度丢失和正常传回后端问题
java·前端·javascript·vue.js
Z编程5 小时前
uniapp微信小程序引入vant组件库
微信小程序·小程序·uni-app
Code额5 小时前
Vue 框架组件间通信方式
前端·vue.js·前端框架
玖玖passion5 小时前
即时响应之道:深入浅出Server-Sent Events
前端
无名之逆6 小时前
[特殊字符] Hyperlane:Rust 高性能 HTTP 服务器库,开启 Web 服务新纪元!
java·服务器·开发语言·前端·网络·http·rust