微信小程序--初接觸

項目結構:(分為全局結構和局部結構)

微信自動生成項目

==>全局結構:

上述結構是微信小程序創建項目時,自動生成的項目結構,其中的app.jsonapp.jsapp.wxss都是全局文件,即在上述三個文件不管修改的是樣式還是動作,都可以在全局中調用。

app.js:為動作文件,定義相關js函數

app.json:為環境文件,配置相關環境(注:app.json文件內容即使為空,也必須加" { ?} "符號,否則報錯)

app.wxss:為樣式文件,相當于css文件

utils文件:可以理解為時間插件文件,輸出相關時間格式

==>局部結構:(創建單頁)

快速創建單頁結構的方法:在全局的app.json文件中,定義如下變量然后保存,即可自動創建單頁結構。

上述pages數組中,單頁的申明(哪個路徑排在第一,刷新后呈現的為這個路徑文件)
單頁結構

sign.wxml:為結構文件,相當于html文件


js、json、wxml、wxss:

==>js:

狀態機

==>app.json(全局環境配置):

定義頁面底部目錄欄目

...,

"tabBar": {

"list": [{

"pagePath": "pages/index/index", ? ? //路徑文件

"text": "效果圖", ? ?//目錄名稱

"iconPath": "../../images/icon_API.png", ? ?//圖標(未被選中)

"selectedIconPath": "../../images/icon_API_HL.png" ? ?//圖標(被選中)

},{

"pagePath": "pages/todos/todos",

"text": "TodoApp",

"iconPath": "../../images/icon_API.png",

"selectedIconPath": "../../images/icon_API_HL.png"

},{

"pagePath": "pages/Me/index",

"text": "Me",

"iconPath": "../../images/icon_API.png",

"selectedIconPath": "../../images/icon_API_HL.png"

}]

}

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容