日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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