小程序固定头部实现: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;
}
相关推荐
旧曲重听17 分钟前
前端需要掌握多少Node.js?
前端·node.js
Mr.Jessy8 分钟前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
云枫晖11 分钟前
前端工程化实战:手把手教你构建项目脚手架
前端·前端工程化
醉方休12 分钟前
开发一个完整的Electron应用程序
前端·javascript·electron
环信即时通讯云14 分钟前
实现小程序 uniApp 输入框展示自定义表情包
小程序·uni-app
故作春风18 分钟前
手把手实现一个前端 AI 编程助手:从 MCP 思想到 VS Code 插件实战
前端·人工智能
不会算法的小灰26 分钟前
Vue.js 基础教程:从入门到实践
前端·javascript·vue.js
掘金一周30 分钟前
没开玩笑,全框架支持的 dialog 组件,支持响应式| 掘金一周 11.6
前端·人工智能
拉不动的猪43 分钟前
浏览器&Websocket&热更新
前端·javascript·vue.js
Never_Satisfied1 小时前
在JavaScript中,将包含HTML实体字符的字符串转换为普通字符
开发语言·javascript·html