有一个很尴尬的情况,下面两种情况并不能一起生效,所以如果是打包成app只用下面的就可以,如果多端可以把上面的也加上,判断一下有没有元素再设置style
建议把这种方法写在下面一点,不然报错了下面的代码就不走了,也不会报错(冤种)
(只使用app的方式,h5上调试写在下面的代码老是走不到也不报错,我真的会谢好嘛)
设置右上角按钮
"style": {
"enablePullDownRefresh": true,// 页面下拉刷新(下面有细节)
"navigationBarTitleText": " 页面名称",// 页面名称
"titleNView": {
"autoBackButton": "true",// 左边返回按钮
"buttons": [{
"id": "1",
"float": "right",
"fontSize": "15px",
"fontSrc": "/static/iconfont/iconfont.ttf",// 也可以使用字体icon
"text": "右侧按钮",
"width": "70px"
}]
}
}
h5生效
// 1.先获取到右上角的元素 第一个元素应该是左上角的元素
const rightButtonEle = document.getElementsByClassName('uni-page-head-ft')[1]
rightButtonEle.style.display = 'none';
app生效
let webView = this.$mp.page.$getAppWebview();
webView.setTitleNViewButtonStyle(0,{
width: '0'
});
webView.setTitleNViewButtonStyle(1,{
width: '0'
});
下拉刷新
"style": {
"enablePullDownRefresh": true,// 开启页面下拉刷新
"navigationBarTitleText": " 页面名称" // 页面名称
}
下拉刷新页面
data() {
return {}
},
onPullDownRefresh() {
this.handleInit();
}
methods: {
handleInit() {
// api接口查询数据
fetchData().then(() => {
// 处理数据
}).finally(() => {
uni.stopPullDownRefresh()// 关闭下拉刷新的loading
})
}
}