E企盈小程序营销工具技术服务商 热线:4006-838-530

小程序自定义顶部导航栏,添加背景图,自定义返回按钮

E企盈小程序直播系统

https://developers.weixin.qq….全局配置windownavigationStyle导航栏样式,仅支持以下值:default 默认样式custom 自定义导航栏,只保留右上角胶囊按钮小程序代码片段wechatide://minicode/AMdHRJm27G3I设置 navigationStyle/app.json{  “pages”: [    “index/index”,    “index/main”,    “index/second”,    “index/halfPage”  ],  “window”: {    “backgroundTextStyle”: “light”,    “navigationBarBackgroundColor”: “#fff”,    “navigationBarTitleText”: “WeChat”,    “navigationBarTextStyle”: “black”,    “navigationStyle”: “custom”  }}/index/second.wxml!–index/second.wxml–view class=”halfPage”    image mode=”top” src=”{{bg}}” class=”image”/    view class=”arrow” bindtap=”goback”/view    view class=”home”/view/view/index/second.wxss/* index/second.wxss */.halfPage{  display: flex;  width: 100vw;  height: 100vh;  background-color: aliceblue;}.image{  position: fixed;  top: 0;  left: 0;  display: flex;  width: 100vw;  height: 30vh;  overflow: hidden;}.arrow{  position: fixed;  left: 40rpx;  top: 73rpx;  display: flex;  width: 35rpx;  height:35rpx;  border-left: 4rpx solid #6dc6ff;  border-top: 4rpx solid #6dc6ff;  transform: rotate(-45deg);}/index/second.js// index/second.jsPage({  /**   * 页面的初始数据   */  data: {    bg:’/image/bg.jpg’  },  goback(){    wx.navigateBack({delata:1})  }})原文链接 https://github.com/WangShuXia…

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序自定义顶部导航栏,添加背景图,自定义返回按钮
分享到: 更多 (0)
E企盈小程序直播营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏