如何投诉做网站的公司,wordpress移动端不显示图片,网站域名管理权限,自己做网站用什么数据库效果图#xff1a; 思路#xff1a;Navigation是小程序的顶部导航组件#xff0c;当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏#xff0c;wx.getSystemInfoSync获取可使用窗口高度
wxml代码#xff1a;
!-- 头部 --
view cla…效果图 思路Navigation是小程序的顶部导航组件当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏wx.getSystemInfoSync获取可使用窗口高度
wxml代码
!-- 头部 --
view classheader stylepadding-top:{{statusBarHeight}}px
view classsearchbtn
image src/pages/asset/img/search_03.jpg classsearch_pic/image
view classsearch_word 哪吒之魔童降世/view
/view
view classhistoryimage src/pages/asset/img/time_05.jpg/image/view
/view
!-- 头部 --
wxss代码
.header{ width: 100%; height: 58rpx; position: fixed; left: 0rpx; top: 0%; background: #fff; z-index: 111}
.searchbtn{ width: 50%; height: 58rpx; margin-top:2%; float: left; margin-left:30rpx; border-radius: 45rpx; background: #f5f5f5;}
.search_pic{ display: block; width: 34rpx; height: 34rpx; float: left;margin-top: 3%; margin-left: 18%; }
.search_word{ font-size: 24rpx; float: left; color: #bbbbbb;font-family: 微软雅黑; line-height: 58rpx; text-align: left; margin-left: 8rpx;}
.history{ display: block; width: 34rpx; height: 34rpx; float: left; margin-top:3.5%; margin-left:30rpx;}
.history image{ width: 34rpx; height: 34rpx;}
app.json修改window下navigationStyle 为 custom
window: {
backgroundTextStyle: light,
navigationBarBackgroundColor: #fff,
navigationBarTitleText: 影视,
navigationBarTextStyle: black,
navigationStyle: custom
},
最后wx.getSystemInfoSync获取可使用窗口高度app.js下加上以下代码
//app.js
App({
globalData: {
statusBarHeight: wx.getSystemInfoSync()[statusBarHeight]
},
页面js文件添加到data:
Page({
data: {
statusBarHeight: app.globalData.statusBarHeight,}
})
微信小程序置顶导航替代原生导航栏-遇见你与你分享
