小程序固定头部实现: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;
}
相关推荐
巧克力芋泥包14 小时前
前端使用阿里云图形验证码;并且与安卓进行交互
android·前端·阿里云
G***E31615 小时前
前端GraphQLAPI
前端
lumi.15 小时前
Vue + Element Plus 实现AI文档解析与问答功能(含详细注释+核心逻辑解析)
前端·javascript·vue.js·人工智能
z***I39415 小时前
VueGraphQLAPI
前端
S***t71417 小时前
Vue面试经验
javascript·vue.js·面试
粉末的沉淀17 小时前
css:制作带边框的气泡框
前端·javascript·css
p***h64318 小时前
JavaScript在Node.js中的异步编程
开发语言·javascript·node.js
N***738519 小时前
Vue网络编程详解
前端·javascript·vue.js
e***716719 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜19 小时前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring