小程序固定头部实现: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;
}
相关推荐
柒.梧.2 分钟前
HTML入门指南:30分钟掌握网页基础
前端·javascript·html
用户54277848515405 分钟前
Promise :从基础原理到高级实践
前端
用户4099322502128 分钟前
Vue3条件渲染中v-if系列指令如何合理使用与规避错误?
前端·ai编程·trae
Mr_Swilder11 分钟前
2025-12-20 vue3中 eslint9+和prettier配置
前端
code_YuJun12 分钟前
脚手架开发工具——判断文件是否存在 path-exists
前端
code_YuJun13 分钟前
脚手架开发工具——root-check
前端
用户542778485154013 分钟前
XMLHttpRequest、AJAX、Fetch 与 Axios
前端
打小就很皮...21 分钟前
React 实现富文本(使用篇&Next.js)
前端·react.js·富文本·next.js
智算菩萨1 小时前
实战:高级中文自然语言处理系统的Python设计与实现
前端·javascript·easyui
远山无期1 小时前
解决Tailwind任意值滥用:规范化CSS开发体验
前端·css·eslint