更新记录
1.0.0(2023-08-23) 下载此版本
首次发布
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
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);
},
}
}