微信小程式元件

2021-09-27 06:08:12 字數 1208 閱讀 5276

class屬性

可以設定樣式,如果與動態資料繫結結合,元件的class具有動態變化的能力

style

通過style設定元件的內聯樣式,style屬性值中可以設定css的各種屬性

hidden

預設為false,不隱藏

data-*屬性

可以用來為元件設定任意的自定義的屬性值,當元件繫結的事件觸發時,這些自定義屬性會作為引數傳送給事件處理函式,在事件處理函式中可以通過傳入引數物件的currenttarget.dataset方法獲取自定義屬性的值

bind/catch*屬性

定義事件,bind不會阻止冒泡事件向上冒泡,catch可以

plain:設定按鈕是否鏤空,即背景是否透明;boolean

loading:設定按鈕文字前顯示乙個loading動畫圖示;boolean

wx.setstoragesync

同步介面,不需要success,fail,complete,只有key和data,在使用同步介面函式時,最好在外部包乙個錯誤捕獲

本地快取時永久儲存的

wx.getstoragesync

函式的返回值就是指定key對應的內容

var exprs = wx.getstoragesync('exprs') || //獲取本地快取

exprs.unshift(expr);//在陣列開頭增加乙個expr元素

官方規定頁面路徑只能時5層,盡量避免多層級的互動方式

當radio-group中沒有乙個radio元件處於選中狀態時,將返回空字串,即e.datail.value.name=""

picker滾動選擇器元件支援三種資料型別選擇器,通過mode屬性來區分

date

日期選擇器

time

時間選擇器

textarea元件

swiper元件的名稱叫滑塊檢視容器,首先是乙個容器控制項,其中放置的元件會輪換顯示;需要注意的是,swiper容器中只能放置名為swiper-item的元件,其他元件會被自動刪除,swiper-item元件中又可以放置其他需要顯示的元件,然後由swiper元件控制這些swiper-item元件輪換顯示

swiper-item元件

swipe-item元件是swiper的子元件,swiper-item元件也是乙個容器元件,可以在其中放置其他元件(如image元件),寬度和高度自動設定為100%

微信小程式 元件

官方文件見 我們的封裝 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 ...

微信小程式 progress元件

show info在進度條右側顯示百分比 stroke width進度條線的寬度,單位px color進度條顏色 active進度條從左往右的動畫 backgroundcolor未選擇的進度條的顏色 動態設定進度條進度 10 30 50 70 90 page changetabbar e perce...