微信小程式的結構和元件

2022-08-19 03:03:11 字數 847 閱讀 3045

1.text 文字 : 相當於span標籤(行內元素,不會獨佔一行)

屬性:selectable:   布林值,預設false, 文字是否可選,出了text元件之外,其他元件都無法長按選中。

space :string型別,預設false, 顯示連續空格,可選值: ensp(把每乙個空格渲染為英文格式的字元), emsp(把每乙個空格渲染為漢字格式的字元), nbsp(渲染為當前文字大小的空格)

decode: boolean型別, 預設false,是否解碼,可解析,  空格, 《小於號, >大於號, &與號, &apos, &ensp, &emsp

2.view 檢視容器:相當於div標籤。(獨佔一行)

屬性:hover-class: string型別,預設 none, 指定按下去的樣式類,當hover-class ='none' 時,沒有點選效果。

hover-stop-propagation: boolean型別,預設false,指定是否阻止本節點的祖先節點出現點選態。

hover-start-time: number型別,預設50, 按住後多久出現點選態,單位毫秒。

hover-stay-time: number型別,預設400, 手指鬆開後點選保留時間,單位毫秒。

3.button 按鈕 

屬性:size: string型別, 預設值default,按鈕的大小。

type: string型別,預設值default,按鈕的樣式型別。

plain: boolean,預設值false,按鈕是否鏤空,背景色透明。

disable:boolean,預設值false,是否禁用。

loading: boolean,預設值false,名稱前是否帶loading圖示。

微信小程式元件

class屬性 可以設定樣式,如果與動態資料繫結結合,元件的class具有動態變化的能力 style 通過style設定元件的內聯樣式,style屬性值中可以設定css的各種屬性 hidden 預設為false,不隱藏 data 屬性 可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,...

微信小程式 元件

官方文件見 我們的封裝 var basecomponentoption require utils basecomponentoption var option basecomponentoption.init 最小值限制 min 最大值 max 當前值 value 傳參物件,和 官方文件一致,只是...

微信小程式 Tabs元件

如果想要個性的話,可以自己修改了。這次是寫乙個tabs的元件,根據不同的狀態,回來切換操作,標記一下,先看一下效果圖 獲取,試例裡用匯入的引用,都可以從github裡找到。tabs.wxss 檔案.tabscss tabscss tab tabscss last child tabscss tab ...