自贡网站建设公司

创新互联小程序教程：微信小程序 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-classstring否添加在组件内部结构的class，可用于修改组件内部的样式
disablebooleanfalse否是否禁用slideview
buttonsarray[]是左滑的按钮组，建议最多3个按钮
iconbooleanfalse否按钮是否是icon
showboolean否是否显示slideview，可以控制隐藏显示
durationboolean350否slideview显示隐藏的动画的时长
throttlenumber40否手指移动距离超过该值的时候，触发slideview的显示隐藏
bindbuttontapeventhandler否buttons按钮组点击时触发的事件，detail为{index, data}，data是按钮的配置项传入的data参数
bindhideeventhandler否隐藏时触发的事件
bindshoweventhandler否显示时触发的事件

buttons提供按钮组配置，每一项表示一个按钮，每一项的属性为

属性类型默认值必填说明
extClassstring否按钮的额外的class，可用于修改组件内部的样式
typestringdefault否按钮的类型，取值default和warn，warn是红色按钮
textstring否按钮的文本
srcstring否如果icon为true，此属性有效
dataany否触发bindbuttontap回传的数据

文章标题：创新互联小程序教程：微信小程序 WeUI·Slideview
标题来源：http://jxruijie.cn/article/dpcshej.html

其他资讯