更新记录

1.0.1(2021-12-28)

  • 修改文档

1.0.0(2021-12-28)

左右滑动显示按钮实现。

出现按钮,全局蒙版,一次只能出现一行按钮。


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

xt-swiper-cell 滚动的单元格

使用方法

import XtSwiperCell from 'components/xt-swiper-cell/xt-swiper-cell.vue'

Vue.component('xt-swiper-cell', XtSwiperCell)
<xt-swiper-cell
    style="margin-bottom: 10rpx;"
    :left="[{ text: '完成' }]"
    :right="[{ text: '完成' }, { text: '删除', backgroundColor: '#E53A40' }]"
    :content="{ title: '测试标题', desc: '测试描述' }"
/>

Props

参数 说明 类型 默认值
content 主要内容 Object null
left 左边按钮数组 Array []
right 右边按钮数组 Array []

content 参数说明

参数 说明 类型 默认值
image 图片地址 String 自动生成一个图片
title 标题 String ''
desc 描述 String ''

left/right 按钮对象参数说明

参数 说明 类型 默认值
text 文本 String
color 文本颜色 String
backgroundColor 按钮背景颜色 String
style 自定义样式 Object
callback 点击按钮的回调事件 (index:number) => void/Promise

callback 是Promise函数,根据 resolve(true), reject(false) 控制是否隐藏按钮

slot 插槽

参数 说明
defalut 主要内容
left 左边按钮
right 右边按钮

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问