這篇文章主要介紹了微信小程序如何制作簡易的新聞，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)是一家專注于成都做網(wǎng)站、網(wǎng)站設(shè)計與策劃設(shè)計,臨河網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:臨河等地區(qū)。臨河做網(wǎng)站價格咨詢:18982081108
簡易新聞制作
先看下效果：
實現(xiàn)思路數(shù)據(jù)全部是采用的本地數(shù)據(jù)，圖片也是本地圖片，因為苦逼的個人開發(fā)者，無法認(rèn)證；toolbar四個現(xiàn)象：新聞，笑話，歷史上的今天和主頁，集中主頁采用的是默認(rèn)的頁面，添加自己的一些內(nèi)容；數(shù)據(jù)綁定，列表渲染，條件渲染和事件的使用；使用一些基礎(chǔ)的View和text，部分API的使用；
代碼結(jié)構(gòu)
| 目錄 | 用途 |
|---|---|
| images | 存放本地圖片 |
| pages | 存放頁面，history歷史上的今天，index主頁，joke笑話，news新聞 |
| utils | 工具包 |
| app.js | 小程序邏輯 |
| app.json | 小程序公共設(shè)置 |
| app.wxss | 小程序公共樣式表 |
代碼內(nèi)容，主要看下配置
app.json 配置項列表
重慶分公司
重慶分公司
{
"pages": [
"pages/news/news",
"pages/joke/joke",
"pages/history/history",
"pages/index/index"
],
"window": {
"navigationBarBackgroundColor": "#f85959",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "微 看",
"backgroundColor": "#FFFFFF",
"backgroundTextStyle": "dark",
"enablePullDownRefresh": true
},
"tabBar": {
"color": "#626567",
"selectedColor": "#f85959",
"backgroundColor": "#FBFBFB",
"borderStyle": "white",
"position": "bottom",
"list": [
{
"pagePath": "pages/news/news",
"text": "新聞",
"iconPath": "images/discovery.png",
"selectedIconPath": "images/discovery_focus.png"
},
{
"pagePath": "pages/joke/joke",
"text": "笑話",
"iconPath": "images/ring.png",
"selectedIconPath": "images/ring_focus.png"
},
{
"pagePath": "pages/history/history",
"text": "歷史",
"iconPath": "images/chat.png",
"selectedIconPath": "images/chat_focus.png"
},
{
"pagePath": "pages/index/index",
"text": "主頁",
"iconPath": "images/index.png",
"selectedIconPath": "images/index_focus.png"
}
]
},
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
"debug": true
}| 屬性 | 類型 | 必填 | 描述 |
|---|---|---|---|
| pages | String Array | 是 | 設(shè)置頁面路徑 |
| window | Object | 否 | 設(shè)置默認(rèn)頁面的窗口表現(xiàn) |
| tabBar | Object | 否 | 設(shè)置底部 tab 的表現(xiàn) |
| networkTimeout | Object | 否 | 設(shè)置網(wǎng)絡(luò)超時時間 |
| debug | Boolean | 否 | 設(shè)置是否開啟 debug 模式 |
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“微信小程序如何制作簡易的新聞”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
