小程序基礎
小程序基礎
app.json 全局配置
pages
- 1 小程序中全部的頁面,都須要再 pages 配置中指定
- 2 只要在 pages 中配置一個新的頁面路徑,微信開發者工具就會自動幫咱們建立好這個頁面
- 3 pages 數組的第一項做爲 首頁
- 4 頁面文件夾和文件名稱相同(約定)
window
- 用於設置小程序的狀態欄、導航條、標題、窗口背景色。
- 若是須要給小程序設置外觀樣式,就配置 window
tabBar
- 設置小程序底部 Tab 菜單
- 注意:只有當前頁面是 Tab 頁面,才能看到 底部的 Tab 欄菜單
networkTimeout
debug
functionalPages
subpackages
workers
- Worker 代碼放置的目錄 (Html5 web Workers)
requiredBackgroundModes
plugins
preloadRule
resizable
navigateToMiniProgramAppIdList
- 須要跳轉的小程序列表,詳見 wx.navigateToMiniProgram
usingComponents
permission
sitemapLocation
經常使用組件
- 說明:全部小程序頁面(wxml)都會被包裹在一個 page 組件(標籤)中
view組件
text組件
- 相似於HTML的span標籤
- selectable: 文本是否可選
- space: 顯示連續空格 (語法: space="nbsp")
- decode: 是否解碼 (語法:
text組件 <
)
icon組件
- 相似於HTML的i標籤
- 功能: 展現小圖標
- type: icon的類型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear
button組件
checkbox組件
- 相似於HTML的input[type="checkbox"]
image組件
- 相似於HTML的img標籤 特色: 小程序圖片組件有默認的寬高 320px 240px
數據綁定
- 數據通常都是在 JS 中提供的,若是要把這些數據展現在頁面中,須要經過 數據綁定
{{}}
語法
歡迎關注本站公眾號,獲取更多信息