新聞中心
這里有您想知道的互聯(lián)網營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序 WeUI·Slideview
Slideview
左滑刪除組件,基礎庫 2.4.4 開始支持。

10年積累的成都網站制作、成都網站設計經驗,可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你,你也不認識我。但先網站設計制作后付款的網站建設流程,更有城東免費網站建設讓你可以放心的選擇與我們合作。
示例代碼:
{
"usingComponents": {
"mp-cells": "../components/cells/cells",
"mp-cell": "../components/cell/cell",
"mp-slideview": "../components/slideview/slideview"
}
}
Slideview
左滑操作
左滑可以刪除(圖標Button)
var base64 = require("../images/base64");
Page({
onLoad: function(){
this.setData({
icon: base64.icon20,
slideButtons: [{
text: '普通',
src: '/page/weui/cell/icon_love.svg', // icon的路徑
},{
text: '普通',
extClass: 'test',
src: '/page/weui/cell/icon_star.svg', // icon的路徑
},{
type: 'warn',
text: '警示',
extClass: 'test',
src: '/page/weui/cell/icon_del.svg', // icon的路徑
}],
});
},
slideButtonTap(e) {
console.log('slide button tap', e.detail)
}
});屬性列表
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
|---|---|---|---|---|
| ext-class | string | 否 | 添加在組件內部結構的class,可用于修改組件內部的樣式 | |
| disable | boolean | false | 否 | 是否禁用slideview |
| buttons | array | [] | 是 | 左滑的按鈕組,建議最多3個按鈕 |
| icon | boolean | false | 否 | 按鈕是否是icon |
| show | boolean | 否 | 是否顯示slideview,可以控制隱藏顯示 | |
| duration | boolean | 350 | 否 | slideview顯示隱藏的動畫的時長 |
| throttle | number | 40 | 否 | 手指移動距離超過該值的時候,觸發(fā)slideview的顯示隱藏 |
| bindbuttontap | eventhandler | 否 | buttons按鈕組點擊時觸發(fā)的事件,detail為{index, data},data是按鈕的配置項傳入的data參數 | |
| bindhide | eventhandler | 否 | 隱藏時觸發(fā)的事件 | |
| bindshow | eventhandler | 否 | 顯示時觸發(fā)的事件 |
buttons提供按鈕組配置,每一項表示一個按鈕,每一項的屬性為
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
|---|---|---|---|---|
| extClass | string | 否 | 按鈕的額外的class,可用于修改組件內部的樣式 | |
| type | string | default | 否 | 按鈕的類型,取值default和warn,warn是紅色按鈕 |
| text | string | 否 | 按鈕的文本 | |
| src | string | 否 | 如果icon為true,此屬性有效 | |
| data | any | 否 | 觸發(fā)bindbuttontap回傳的數據 |
本文標題:創(chuàng)新互聯(lián)小程序教程:微信小程序 WeUI·Slideview
分享URL:http://m.5511xx.com/article/dpcshej.html


咨詢
建站咨詢
