體驗使用MUI上手練習app頁面開發

2022-03-09 14:39:18 字數 1405 閱讀 4123

這就是mh就可以完成的內容(做個記錄),快捷鍵實在有點多。不得不說hbuilder是真的好用呀,體驗感賊好,前端執行起來也是很快,直接啟動鏈結模擬器就ok了,舒服。

開發文件對於新人來說還是有點難度,看了小半上午對於js在mui中的運用還是雲裡霧裡,不過自己js確實很菜。最後簡單實現了一下csdn上的 山東包子的專案

//建立子頁面,首個選項卡頁面顯示,其它均隱藏;

mui.plusready(function

() ;

var sub =plus.webview.create(subpages[i], subpages[i], subpage_style);

if (i > 0)

else

}});

//當前啟用選項

var activetab = subpages[0];

var title = document.getelementbyid("title");

//選項卡點選事件

mui('.mui-bar-tab').on('tap', 'a', function

(e)

//更換標題

title.innerhtml = this.queryselector('.mui-tab-label').innerhtml;

//顯示目標選項卡

//若為ios平台或非首次顯示,則直接顯示

if(mui.os.ios||anishow[targettab])

else

; temp[targettab] = "true";

mui.extend(anishow,temp);

plus.webview.show(targettab,"fade-in",300);

}//隱藏當前;

plus.webview.hide(activetab);

//更改當前活躍的選項卡

activetab =targettab;

});js部分在底部導航欄的使用就是這部分的**,不過還有其他的使用底部導航欄的方法,今後還繼續在官方文件上進行了解和學習。

歡迎大佬們指正,謝謝。

母版頁使用練習

css樣式表 body header logo left right footer 母版頁 master xlanguage c autoeventwireup true codefile masterpage.master.cs inherits masterpage 內容頁 page title...

Metro UI 對APP使用體驗的影響

metro ui是微軟的一種設計方案。該設計方案已用於移動作業系統windows phone 7和多款微軟產品。微軟segoe wp字型,屬於segoe字型家族的一員,細膩堅韌給人一種優雅的美感,同時它也是wp7手機系統的預設字型。獨特風格 metro ui 強調資訊本身 metro ui是一種介面...

樹莓派使用觸控開關上手初體驗

器材 樹莓派一塊 麵包板一塊 杜邦線若干 觸控模組乙個 二極體乙個 直接上圖 這個觸控開關模組只有3個介面 sig 訊號輸出,高電平表示正在觸控,低電平表示沒有觸控 vcc 接電源正 gnd 接地 import rpi.gpio as gpio gpio.setmode gpio.bcm gpio....