当前位置：首页 > news >正文

二手车网站制作重庆seowhy整站优化

news 2025/7/16 6:24:17

二手车网站制作,重庆seowhy整站优化,邯郸企业做网站报价,网络服务合同范本大全注释很详细，直接上代码上一篇新增内容： 1.获取手机状态栏的高度 2.验证attached可以修改数据 3.动态绑定样式数值源码： myNav.js Component({lifetimes:{//相当于vue的created,因为无法更新数据被打入冷宫created(){},//相当于vue的mount…

注释很详细，直接上代码

新增内容：

1.获取手机状态栏的高度

2.验证attached可以修改数据

3.动态绑定样式数值

源码：

myNav.js

Component({lifetimes:{//相当于vue的created,因为无法更新数据被打入冷宫created(){},//相当于vue的mountedattached(){//{statusBarHeight}是ES6的解构赋值语法，用于从一个对象中提取属性值并赋给对应的变量或常量//从wx.getSystemInfoSync()返回的对象中提取了statusBarHeight属性的值，并将其赋给了名为statusBarHeight的常量const {statusBarHeight}=wx.getSystemInfoSync();//获取的是手机状态栏的高度console.log(statusBarHeight);//测试一下是否可以修改数据this.setData({test:20})}},/*** 组件的属性列表*/properties: {},/*** 组件的初始数据*/data: {"test":0},/*** 组件的方法列表*/methods: {}
})

myNav.wxml

//将上边距设为状态栏高度即可避免刘海屏等样式的屏幕遮挡自定义控件
<view class="navigationBar custom-class" style="padding-top: {{test}}px;"><view class="navigationBarTitle title-class">自定义标题</view>
</view>

mynav.wxss

.navigationBar{background-color: cornflowerblue;height: 80rpx;display: flex;justify-content: center;align-items: center;
}.navigationBarTitle{font-weight: bold;
}