小程序固定头部实现: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;
}
相关推荐
minDuck3 分钟前
ruoyi-vue集成tianai-captcha验证码
java·前端·vue.js
小政爱学习!24 分钟前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。29 分钟前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼36 分钟前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k093339 分钟前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
EricWang13581 小时前
[OS] 项目三-2-proc.c: exit(int status)
服务器·c语言·前端
September_ning1 小时前
React.lazy() 懒加载
前端·react.js·前端框架
web行路人1 小时前
React中类组件和函数组件的理解和区别
前端·javascript·react.js·前端框架
番茄小酱0011 小时前
Expo|ReactNative 中实现扫描二维码功能
javascript·react native·react.js
子非鱼9211 小时前
【Ajax】跨域
javascript·ajax·cors·jsonp