本文實例講述了微信小程序學習筆記之目錄結構、基本配置。分享給大家供大家參考,具體如下:
結束了一段時間的學習,開始一段新的學習旅程 —— 微信小程序?,F在出去找工作只會PHP、HTML+CSS、JS什么的不夠了,總得會點時下熱門的東西,例如微信小程序,有很多企業的招聘要求上寫著:“做過微信小程序的優先”、“只要做過微信小程序的”...... 可見微信小程序的熱門程度。話(fei)不(hua)多(ting)說(duo),開始學習。
首先在微信公眾平臺注冊小程序賬號:



使用小程序賬號登錄微信公眾平臺,完成基本設置:

下載微信web開發者工具,安裝,打開(如果打不開,參考附錄:微信web開發者工具不能打開的問題)
微信掃碼登錄開發者工具,然后在本地文件夾創建一個小程序項目


(其中AppID在開發設置里面)

生成小程序示例目錄如下:

全局配置app.json參數:
{ /**所有頁面的路徑(省略.wxml后綴),唯一必填項**/ "pages":[ "pages/index/index", /**第一項為首頁路徑**/ "pages/logs/logs" ], /**設置窗口**/ "window":{ "backgroundTextStyle":"light", /**下拉loading樣式,dark或light**/ "navigationBarBackgroundColor": "#fff", /**導航欄背景顏色 十六進制**/ "navigationBarTitleText": "WeChat", /**導航欄標題內容**/ "navigationBarTextStyle":"black", /**導航欄標題顏色 black或white**/ "navigationStyle":"default", /**導航欄樣式 default和custom(只保留右上角膠囊按鈕,最低版本6.6.0)**/ "backgroundColor":"#ffffff", /**窗口背景色**/ "enablePullDownRefresh":false, /**是否全局開啟下拉刷新**/ "onReachBottomDistance":"50", /**頁面上拉觸底事件觸發時距頁面底部距離,單位px**/ "backgroundColorTop":"#ffffff", /**頂部窗口的背景色(僅iOS支持,最低版本6.5.16)**/ "backgroundColorBottom":"#ffffff", /**底部窗口的背景色(僅iOS支持,最低版本6.5.16)**/ }, /**頂部或底部分欄設置**/ "tabBar": { "list": [{ /**欄目列表(最少2個 最多5個)**/ "pagePath": "pages/index/index", /**頁面路徑(必須在pages中先定義)**/ "text": "首頁", /**分欄按鈕文字**/ /**非必填項**/ "iconPath": "首頁", /**icon圖標路徑**/ "selectedIconPath": "首頁" /**選中時icon圖標路徑**/ /*icon說明:大小限制40kb,建議尺寸81px*81px,不支持網絡圖片。postion為top時不顯示*/ }, { "pagePath": "pages/logs/logs", "text": "日志" }], "color":"#ffffff", /**分欄文字顏色**/ "selectedColor":"#ffffff", /**分欄文字選中顏色**/ "backgroundColor":"#ffffff", /**分欄背景色**/ /**非必填項**/ "borderStyle":"black", /**分欄上邊框顏色 black或white**/ "position":"bottom", /**分欄位置 bottom或top**/ },}
新聞熱點
疑難解答