<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,
minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<style type="text/css">
</style>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="sub1.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首頁</span>
</a>
<a class="mui-tab-item" href="sub1.html">
<span class="mui-icon mui-icon-phone"></span>
<span class="mui-tab-label">電話</span>
</a>
<a class="mui-tab-item">
<span class="mui-icon mui-icon-email"></span>
<span class="mui-tab-label">郵件</span>
</a>
<a class="mui-tab-item">
<span class="mui-icon mui-icon-gear"></span>
<span class="mui-tab-label">設(shè)置</span>
</a>
</nav>
</body>
<script type="text/javascript">
/* var subpages = ['sub1.html','sub2.html'];
var substyles = {
top: "0",
bottom: "45px"
}
mui.plusReady(function() {
var current = plus.webview.currentWebview();
for(var i=0;i<subpages.length;i++){
var newpage = plus.webview.create(subpages[i], subpages[i], substyles);
newpage.hide();
current.append(newpage);
}
plus.webview.show(subpages[0])
})*/
var substyles = {
top: "0",
bottom: "45px"
}
mui.plusReady(function() {
var current = plus.webview.currentWebview();
// for(var i = 0; i < subpages.length; i++) {
var newpage = plus.webview.create('sub1.html', 'sub1.html', substyles);
newpage.hide();
current.append(newpage);
// }
// plus.webview.show(newpage)
})
mui('.mui-bar-tab').on('tap', 'a', function(e) {
var tagPage = this.getAttribute('href');
// mui.toast(e)
// mui.toast(tagPage)
plus.webview.show(tagPage, 'slide-in-right', 100)
})
</script>
</html>
mui-點(diǎn)擊tab切換頁面
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門踩麦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人氓癌,你說我怎么就攤上這事谓谦。” “怎么了贪婉?”我有些...
- 文/不壞的土叔 我叫張陵反粥,是天一觀的道長。 經(jīng)常有香客問我疲迂,道長才顿,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任尤蒿,我火速辦了婚禮郑气,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘腰池。我一直安慰自己尾组,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開白布示弓。 她就那樣靜靜地躺著讳侨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪奏属。 梳的紋絲不亂的頭發(fā)上爷耀,一...
- 文/蒼蘭香墨 我猛地睜開眼爹橱,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了窄做?” 一聲冷哼從身側(cè)響起愧驱,我...
- 序言:老撾萬榮一對(duì)情侶失蹤慰技,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后组砚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吻商,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年糟红,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了艾帐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布,位于F島的核電站求橄,受9級(jí)特大地震影響今野,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜谈撒,卻給世界環(huán)境...
- 文/蒙蒙 一腥泥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧啃匿,春花似錦蛔外、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至裆悄,卻和暖如春矛纹,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背光稼。 一陣腳步聲響...
- 正文 我出身青樓采够,卻偏偏與公主長得像,于是被迫代替她去往敵國和親冰垄。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蹬癌,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 這個(gè)問題可能太過于簡單了,以致于我在網(wǎng)上搜了很久才自己摸索著寫出來。所以為了防止更多的新手們?yōu)榻鉀Q這個(gè)問題苦惱逝薪,特...
- 1.home.html 2. home.ts import { Component,ViewChild } fro...
- ionic 的頁面都是代碼片段隅要。 app中給頁面添加路由的時(shí)候,一級(jí)頁面關(guān)聯(lián)tab 頁面 而二級(jí)以下頁面不需要關(guān)聯(lián)...
- 切換頁面是app最基本功能董济。這個(gè)功能需要用Navigation組件實(shí)現(xiàn)步清。RN發(fā)展太快了(v49),之前自帶的Nav...
- R 原文片段 《沃頓商學(xué)院自我管理課》p205+207 練習(xí):激發(fā)自我 很多人覺得自己沒有時(shí)間打理自己感局,或者他們覺...