微信小程式學習筆記

2022-09-09 20:24:24 字數 766 閱讀 9598

tabbar 字段:如果小程式是乙個多 tab 應用(客戶端視窗的底部或頂部有 tab 欄可以切換頁面),可以通過 tabbar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。

頁面配置:每乙個小程式頁面也可以使用

.json檔案來對本頁面的視窗表現進行配置。頁面中配置項在當前頁面會覆蓋

window中相同的配置項。檔案內容為乙個 json 物件。

資料繫結:在頁面 js 檔案的 data 中定義資料,在 wxml 使用 } 取出資料。

boolean 型別需要使用 } 或者 },例如:

取值作用於屬性上面時,

"

7} 8

910   }-}

111213   }-}

14wx:key可以提公升效率

image:標籤,image 元件的預設寬度 320px,高度 240px

swiper-item:滑塊,預設寬度和高度都是 100%

1swiper

5swiper-item

8image

111213

14

15

16

17

n**igator:導航元件,類似超連結標籤

自定義元件

微信小程式學習筆記

1 background image 只能用網 絡url 或者base64 本地圖 片要用image 標籤才行 2 事件綁 定value 是乙個字串,需要在對應的 page 中定義 同名的函式。不然當觸 發事件的時候會 報錯。3 bind事件綁 定不會阻止冒泡事件向上冒泡,catch事件綁 定可以阻...

微信小程式學習筆記

主要用於 編寫和效果預覽,還可以進行 真機除錯 2 雲開發控制台 wxml 對應html,提供很多常用的元件。wxss 對應css,基本沒差別,目前體會最深的是尺寸單位rpx替代畫素單位px,能很方便的適配各種解析度的手機。js 同js。json 同json。pages 乙個頁面對應乙個資料夾,乙個...

微信小程式學習筆記

資料繫結 條件渲染和列表渲染 模板樣式匯入事件是檢視層到邏輯層的通訊方式。事件分為冒泡事件和非冒泡事件 冒泡事件 當乙個元件上的事件被觸發後,該事件會向父節點傳遞。非冒泡事件 當乙個元件上的事件被觸發後,該事件不會向父節點傳遞。json wxml js page.js page bindminus ...