//pages.json中
{
"path": "pages/shopCart/shopCart",
"style": {
"navigationBarTitleText": "购物车",
"app-plus": {
"titleNView": {
"buttons": [{
// #ifdef APP-PLUS
"text": "编辑",
// #endif
"fontSize": "16",
"color": "#b6b6b6",
"width": 70
}],
"splitLine": {//导航栏下划线
"color": "#F4f4f4",
"height": "1px"
}
}
}
}
},
//导航栏按钮事件
onNavigationBarButtonTap(e) {
var index = e.index;
// 按钮文字的改变所需
// #ifdef APP-PLUS
var currentWebview = this.$mp.page.$getAppWebview();
var tn = currentWebview.getStyle().titleNView;
console.log(tn);
var text = tn.buttons[0].text;
console.log(text);
if (text == '编辑') {
this.cartStatus = true;
tn.buttons[0].text = '完成';
currentWebview.setStyle({
titleNView: tn
});
} else if (text == '完成') {
this.cartStatus = false;
tn.buttons[0].text = '编辑';
currentWebview.setStyle({
titleNView: tn
});
}
// #endif
},
详细解决方案
uniapp 自定义顶部右侧菜单
热度:71 发布时间:2023-12-06 19:01:23.0
相关解决方案
- uniapp nfc读写
- uniapp 缓存多个数据
- uniapp js文件中无法使用挂载的变量或方法
- uniapp 刷新video和live-player组件,实现刷新效果
- uniapp 给子组件传值不及时显示
- uniapp Syntax Error: SassError: expected selector.
- uniapp picker 定义 range-key
- uniapp 使用uni.$emit()和uni.$on() 进行页面间通讯
- uniapp 预览多张图片(可单张)
- uniapp--热更新代码
- uniapp-表单提交后请清空表单
- uniapp+uview upload实现上传,action为#时,自己处理
- uniapp 强制修改原生组件的样式
- uniapp 用户密码与图标显示隐藏
- uniapp getStorageSync,setStorageSync,removeStorageSync,clearStorageSync如何封装缓存进行取值,赋值,移除,清空
- uniapp 顶部绝对定位
- uniapp ios软键盘弹起跳转页面,返回后留白问题
- uniapp H5端使用播放器
- uniapp 使用富文本适配手机端
- uniapp 自定义顶部右侧菜单
- PHP 解决跨域问题 ,uniapp 开发H5跨域
- uniapp 要点记录
- uniapp 聊天界面定位到底部(定位到指定位置)
- uniapp css
- Uniapp 获取屏幕、元素的高度宽度
- uniapp 使用scss
- uniapp 获取当前页面路由
- uniapp 循环遍历picker绑定值问题
- uniapp picker 多列数据不更新问题
- uniapp 制作微信点金计划商家小票H5项目遇到的问题总结