uniapp更改導航欄按鈕文字
//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自定義導航欄APP
- 分析微信(iOS 版)定製導航欄按鈕的思路iOS
- iOS開發:給UIWebview的導航欄新增返回、關閉按鈕iOSUIWebView
- 手機直播原始碼,突出底部導航欄中間按鈕的樣式原始碼
- 聊天平臺原始碼,解決設定導航欄按鈕圖片變色問題原始碼
- 直播系統程式碼,自行更改導航欄樣式
- uniapp---wap2app去掉系統自帶的導航欄APP
- Python文字框與按鈕Python
- Qt更改按鈕樣式 (以QSpinBox使用左右按鈕樣式為例)QT
- uniapp點選按鈕提交textarea值為undifineAPP
- uniapp頁面中的按鈕使用分享功能APP
- RadioButton文字按鈕間距設定,按鈕在文字右端顯示,RadioButton 右端對齊
- 58同城APP導航、按鈕、表單、圖示運用淺析APP
- uniapp根據導航欄的標題定位到相應錨點位置APP
- Flutter 導航欄AppBarFlutterAPP
- qml 導航欄TabBar 工具欄ToolBartabBar
- HTML橫向導航欄HTML
- GitHub 導航欄加強Github
- bootstrap導航欄學習boot
- css設定按鈕心跳收縮後,按鈕文字上下抖動,如何解決?CSS
- 導航欄點選選中
- 底部導航欄懸浮效果
- 來,搞個側欄導航
- 如何修改網站導航欄文字,最佳化使用者體驗網站
- 名錶維修保養:uniapp 微信小程式自定義導航欄 詳細步驟APP微信小程式
- (iOS)從0到Double系列 如何刻出一個可拖動的導航浮動按鈕iOS
- 導航欄的隱藏問題
- CSS導航欄及下拉選單CSS
- Umi4選單欄將collapse按鈕放置底部
- iview Table元件渲染操作按鈕, render 渲染icon圖示更改方法View元件
- 選中按鈕改變文字大小和顏色
- DcatAdmin行操作按鈕樣式調整(圖示+文字)
- 直播系統平臺原始碼隱藏虛擬導航欄,禁止下拉通知欄,禁止上滑出虛擬導航欄原始碼
- Fiori Elements List Report table 裡的普通按鈕,Global 按鈕 和 Determining 按鈕
- 微信小程式自定義導航欄微信小程式
- weex沉浸式導航欄解決方案
- Android 使用BottomNavigationView實現底部導航欄AndroidNavigationView
- Bootstrap v5 Navigation Bar 導航欄bootNavigation