更新记录

1.0.0(2023-08-23) 下载此版本

首次发布


平台兼容性

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

hy-slide-editor

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

1.属性说明

属性名 类型 说明
id String 需要传入的id值,要使用点击事件时,必须填写。
damping Int 滑块回弹速度 ,默认65
proportion Int 宽高比例 ,默认6
img String 图片的url
fillet Bool 图片是否圆角,默认false
text1 String 文字1
text2 String 文字2
text3 String 文字3
text4 String 文字4
btn1 String 按钮1文字,默认“编辑”
btn2 String 按钮2文字,默认“删除”
@toBtn1 EventHandle 按钮1点击事件
@toBtn2 EventHandle 按钮2点击事件
@toDetail EventHandle 点击组件事件

2.使用示例

页面:

<template>
    <view class="content">
         <hy-slide-editor :id='id' @toBtn1="Btn1" @toBtn2="Btn2" @toDetail="Detail" img="../../static/logo.png"  text1="TEXT1" text2="TEXT2" text3="20010108" text4='5' btn1="编辑" btn2="删除" proportion='6' damping='65' fillet=false></hy-slide-editor>
    </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协议

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