更新记录
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);
},
}
}

收藏人数:
下载插件并导入HBuilderX
赞赏(1)
下载 279
赞赏 1
下载 11867732
赞赏 1818
赞赏
京公网安备:11010802035340号