每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成 ， 如：index.js、index.wxml、index.wxss、index.json 。.js后綴的文件是腳本文件 ， .json后綴的文件是配置文件 ， .wxss后綴的是樣式表文件 ， .wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件 。
index.wxml 是頁(yè)面的結(jié)構(gòu)文件：
本例中使用了
index.js 是頁(yè)面的腳本文件 ， 在這個(gè)文件中我們可以監(jiān)聽并處理頁(yè)面的生命周期函數(shù)、獲取小程序?qū)嵗?， 聲明并處理數(shù)據(jù) ， 響應(yīng)頁(yè)面交互事件等 。
index.wxss 是頁(yè)面的樣式表：
頁(yè)面的樣式表是非必要的 。當(dāng)有頁(yè)面樣式表時(shí) ， 頁(yè)面的樣式表中的樣式規(guī)則會(huì)層疊覆蓋 app.wxss 中的樣式規(guī)則 。如果不指定頁(yè)面的樣式表 ， 也可以在頁(yè)面的結(jié)構(gòu)文件中直接使用 app.wxss 中指定的樣式規(guī)則 。
index.json 是頁(yè)面的配置文件：
頁(yè)面的配置文件是非必要的 。當(dāng)有頁(yè)面的配置文件時(shí) ， 配置項(xiàng)在該頁(yè)面會(huì)覆蓋 app.json 的 window 中相同的配置項(xiàng) 。如果沒有指定的頁(yè)面配置文件 ， 則在該頁(yè)面直接使用 app.json 中的默認(rèn)配置 。
logs 的頁(yè)面結(jié)構(gòu)
ogs 頁(yè)面使用
運(yùn)行結(jié)果如下：
4. 手機(jī)預(yù)覽
開發(fā)者工具左側(cè)菜單欄選擇"項(xiàng)目" ， 點(diǎn)擊"預(yù)覽" ， 掃碼后即可在微信客戶端中體驗(yàn) 。
下面推薦一款小程序體驗(yàn)——嗨圖
【微信小程序平臺(tái)怎么用？微信小程序平臺(tái)使用方法】
推薦閱讀
- 換機(jī)微信記錄如何導(dǎo)入
- 微信骰子怎么控制大小
- 小天鵝洗衣機(jī)不轉(zhuǎn)了嗡嗡響
- 微信刪了的聊天記錄 在哪可以重新找到
- 微信表情沒了如何恢復(fù)
- 微信運(yùn)動(dòng)更新慢的原因
- 如何關(guān)閉小愛
- 微信街景地圖怎么沒了
- 大齡小孩新入學(xué)
- 華為手機(jī)桌面微信圖標(biāo)不見了怎么辦