更新记录

1.0.4(2023-12-26)

修复部分问题

1.0.3(2023-08-26)

对第一版进行了部分修改更新。

1.0.2(2023-08-25)

对第一版进行了部分修改

查看更多

平台兼容性

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

hy-slide-editor2

hy-slide-editor (第二版)

hy-slide-editor2 是一个可以左右滑动编辑的列表组件,可对其灵活编辑、修改后使用,下面为具体使用过程。

hy-slide-editor2hy-slide-editor 的第二版,如需使用第一版可点击跳转。

第三版hy-slide-editor3hy-slide-editor3

1.属性说明

属性名 类型 说明
id String 需要传入的id值,要使用点击事件时,必须填写。
damping Int 滑块回弹速度 ,默认65
proportion Int 宽高比例 ,默认6
img String 图片的url
fillet Bool 图片是否圆角,默认false
ismore Bool 是否显示左滑更多操作,默认‘false’
ismove String 是否可左右滑动,默认左右移动:‘horizontal’,可设置为不可移动:‘none’
border String 边框,默认不显示,可设置为‘#f8f8f8’, rgb(248,248,248)等颜色值
text1 String 文字1
text2 String 文字2
text3 String 文字3,一般为日期时间
text4 String 文字4,一般为消息数
t4color String 文字4的字体颜色,默认:'#fff'
t4bgcolor String 文字4的背景颜色,默认:‘red’
btn1 String 按钮1文字,默认“编辑”
btn2 String 按钮2文字,默认“删除”
@toBtn1 EventHandle 按钮1点击事件
@toBtn2 EventHandle 按钮2点击事件
@toDetail EventHandle 点击组件事件

2.使用示例

页面:

<template>
    <view class="content">
         <hy-slide-editor2 :id='id' @toBtn1="Btn1" @toBtn2="Btn2" @toDetail="Detail" img="../../static/logo.png" ismove="none" border="#f8f8f8"  text1="TEXT1" text2="TEXT2" text3="20010108" text4='5' btn1="编辑" btn2="删除" proportion='6' damping='65' fillet=false></hy-slide-editor2>
    </view>
</template>

script:

     export default {
         data() {
            return {
                id:'123'
            }
         },
        methods: {
            Btn1(e){
                console.log(e);
            },
            Btn2(e){
                console.log(e);
            },
            Detail(e){
                console.log(e);
            },
        }
    }

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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