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

10年積累的成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)制作后付款的網(wǎng)站建設(shè)流程,更有城東免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
示例代碼:
{
"usingComponents": {
"mp-cells": "../components/cells/cells",
"mp-cell": "../components/cell/cell",
"mp-slideview": "../components/slideview/slideview"
}
}
Slideview
左滑操作
左滑可以刪除(圖標(biāo)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)
}
});屬性列表
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| ext-class | string | 否 | 添加在組件內(nèi)部結(jié)構(gòu)的class,可用于修改組件內(nèi)部的樣式 | |
| disable | boolean | false | 否 | 是否禁用slideview |
| buttons | array | [] | 是 | 左滑的按鈕組,建議最多3個(gè)按鈕 |
| icon | boolean | false | 否 | 按鈕是否是icon |
| show | boolean | 否 | 是否顯示slideview,可以控制隱藏顯示 | |
| duration | boolean | 350 | 否 | slideview顯示隱藏的動(dòng)畫(huà)的時(shí)長(zhǎng) |
| throttle | number | 40 | 否 | 手指移動(dòng)距離超過(guò)該值的時(shí)候,觸發(fā)slideview的顯示隱藏 |
| bindbuttontap | eventhandler | 否 | buttons按鈕組點(diǎn)擊時(shí)觸發(fā)的事件,detail為{index, data},data是按鈕的配置項(xiàng)傳入的data參數(shù) | |
| bindhide | eventhandler | 否 | 隱藏時(shí)觸發(fā)的事件 | |
| bindshow | eventhandler | 否 | 顯示時(shí)觸發(fā)的事件 |
buttons提供按鈕組配置,每一項(xiàng)表示一個(gè)按鈕,每一項(xiàng)的屬性為
| 屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
| extClass | string | 否 | 按鈕的額外的class,可用于修改組件內(nèi)部的樣式 | |
| type | string | default | 否 | 按鈕的類(lèi)型,取值default和warn,warn是紅色按鈕 |
| text | string | 否 | 按鈕的文本 | |
| src | string | 否 | 如果icon為true,此屬性有效 | |
| data | any | 否 | 觸發(fā)bindbuttontap回傳的數(shù)據(jù) |
當(dāng)前標(biāo)題:創(chuàng)新互聯(lián)小程序教程:微信小程序 WeUI·Slideview
網(wǎng)頁(yè)鏈接:http://m.fisionsoft.com.cn/article/dpcshej.html


咨詢(xún)
建站咨詢(xún)
