乙個小程式頁面由四個檔案組成，分別是：
wxml：頁面結構
wxss：頁面樣式
js：頁面邏輯
json：頁面配置
通常乙個頁面的4個檔案放在同乙個資料夾中，也就是說每個頁面使用乙個獨立的目錄，所有的頁面都統一放在pages目錄下
專案結構：
效果預覽
n**igationbarbackgroundcolor：導航欄的顏色，預設為#000000（黑色）不支援顏色名稱，建議使用16進製制顏色值。
n**igationbartextstyle：導航欄的文字顏色，只支援black（黑色）或white（白色），預設為white。
n**igationbartitletext：導航欄的文字，預設為空。
}
如果需要為頁面單獨配置導航欄，則在頁面的json檔案中寫入相應的鍵值對即可
,
"n**igationbartitletext": "資料",
"n**igationbarbackgroundcolor": "#0000ff",
"n**igationbartextstyle": "white"
}
屬性名必填
預設值描述
color
是tab 上的文字預設顏色，僅支援十六進製制顏色
selectedcolor
是tab 上的文字選中時的顏色，僅支援十六進製制顏色
backgroundcolor
是tab 的背景色，僅支援十六進製制顏色
list
是值為陣列，最少 2 個、最多 5 個 tab
position
否bottom
tabbar 的位置，僅支援 bottom / top
custom
否自定義 tabbar
list屬性描述了當前項對應的頁面，文字，圖示（可選）
屬性必填
說明pagepath
是頁面路徑，必須在 pages 中先定義
text
是tab 上按鈕文字
iconpath
否路徑，icon 大小限制為 40kb，建議尺寸為 81px * 81px，不支援網路。當 position 為 top 時，不顯示 icon。
selectediconpath
否選中時的路徑，同上
完整**：
"tabbar": ,]}
text效果預覽
(2)頁面樣式：頁面樣式只在當前頁面生效，例如home頁的樣式檔案應為：home.wxss
.title(3)選擇器
目前只支援id選擇器，類選擇器，標籤選擇器，::before/::after偽元素選擇器
(4)樣式匯入
使用@import語句可以匯入外聯樣式表，@import後跟需要匯入的外聯樣式表的相對路徑，用;表示語句結束。
@import "weui.wxss";primary 按鈕
default 按鈕
warn 按鈕
正在載入
效果預覽：
（微信小程式）一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式（一）
1 vs code 常用擴充套件和快捷鍵之前發過介紹文章 vs code初次使用必備 2 谷歌瀏覽器 開發必備 1 新建資料夾 2 在vs code 內新建網頁檔案 html 3 編寫網頁 英文的！再按 回車即可自動生成下圖 注意 網頁的字尾要儲存為.html才可自動生成 4 雙擊網頁顯示效果 1....
微信小程式（一）
tabbar tabbar 指底部的 導航配置屬性 color 未選擇時 底部導航文字的顏色 selectedcolor 選擇時 底部導航文字的顏色 borderstyle 底部導航邊框的樣色 注意 這裡如果沒有寫入樣式 會導致 導航框上邊框會出現預設的淺灰色線條 list 導航配置陣列 selec...