小程序固定头部实现: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;
}
相关推荐
恋猫de小郭1 分钟前
Apple 的 ANE 被挖掘,AI 硬件公开,宣传的 38 TOPS 居然是"数字游戏"?
前端·人工智能·ios
小岛前端5 分钟前
Node.js 宣布重大调整,运行十年的规则要改了!
前端·node.js
OpenTiny社区6 分钟前
OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用
前端·javascript·ai编程
梦想CAD控件22 分钟前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
张拭心27 分钟前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能
时光不负努力27 分钟前
typescript常用的dom 元素类型
前端·typescript
小怪点点32 分钟前
大文件切片上传
前端
时光不负努力33 分钟前
TS 常用工具类型
前端·javascript·typescript
SuperEugene35 分钟前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
张拭心37 分钟前
Android 17 来了!新特性介绍与适配建议
android·前端