溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Python怎么用HBuilder創建交流社區APP，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
使用HBuilder做一個簡單的社區瀏覽界面。
這是對HBuilder學習后想做的一些關于這個軟件的一些心得，有了這個接觸，想分享一些初學者可以用到的一些使用方法，讓更多初學者可以早一些熟悉HBuilder，可以熟練的運用它做出自己想要的一個界面。首先對于HBuilder的安裝，安裝好后新建一個移動APP的包，在里面再創建一個HTML的文件，選擇函mui的HTML，然后因為是社區，就要有頭部和尾部，在這里，是有head，body構成，頭部在head的區域內附上代碼，在body中附上底部代碼，就有一個最基本的頁面。然后是加入社區分享部分，我們可以加入頁眉和頁腳，頁眉里面可以“img src”插入圖片使用“class”和“style”調整格式；使用“button”在頁腳插入我想要的跳轉按鈕，同時也可以使用“class”和“style”調整格式。
相應代碼：
<!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="external nofollow" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
mui.init();
mui.plusReady(function() {
var subPages = ['home.html', 'shopping.html', 'community.html', 'personal.html'];
var subPageStyle = {
top: "20px",
bottom: "50px"
}
var mainViwe = plus.webview.currentWebview();
for(var i = 0; i < subPages.length(); i++) {
var url = subPages[i];
var subViwe = plus.webview.create(url, url, subPageStyle);
subViwe.hide();
mainViwe.append(subViwe);
}
plus.webview.show(subPages[0]);
})
</script>
</head>
<br />
<br />
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h2>社區</h2>
</header>
<div>
<!--頁眉，放置標題-->
<div></div>
<div class="mui-card-header mui-card-media">
<img src="06.jpg" />
<div>
小M
<p>發表于 2016-06-30 15:30</p>
</div>
</div>
<div class="mui-card-header mui-card-media" ></div>
<div>
</div>
<div>
<!--頁腳，放置交互按鈕-->
<button type="button" class="mui-btn mui-btn-outlined" >點贊</button>
<button type="button" class="mui-btn mui-btn-outlined" >評論</button>
<button type="button" class="mui-btn mui-btn-outlined" >瀏覽更多</button>
</div>
</div>
<br />
<br />
</body>
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active">
<span class="mui-icon mui-icon-home"></span>
<span>首頁</span>
</a>
<a>
<span class="mui-icon mui-icon-pengyouquan"></span>
<span>社區</span>
</a>
<a>
<span class="mui-icon mui-icon-list"></span>
<span>購物</span>
</a>
<a>
<span class="mui-icon mui-icon-contact"></span>
<span>我的</span>
</a>
</nav>
</html>看完了這篇文章，相信你對“Python怎么用HBuilder創建交流社區APP”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
