更新记录

1.5.0(2024-04-03) 下载此版本

1、优化拖动图标 2、增加拖动事件 3、修复初始化宽度占比,并支持自定义

1.0.0(2024-04-03) 下载此版本

初次提交


平台兼容性

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

名称

可拖动布局-动态更改宽度

介绍

可以拖动相邻元素的边框,实时动态的更改元素的宽度;适用于需要频繁手动调整相邻元素宽度占比的场景

举例

<eugenema-layout-draggable>
    <template v-slot:left>
        <view style="background-color: lightslategray; height: 500px;">
            Box 1
        </view>
    </template>
    <template v-slot:right>
        <view style="background-color: lightslategray; height: 300px;">
            Box 2
        </view>
    </template>
</eugenema-layout-draggable>

属性及自定义内容说明

属性

name 类型 默认值 说明
leftPercent [String|Number] 0.5 左侧区域宽度占比,用于初始化宽度

事件

name 返回值 说明
change {leftWidth, rightWidth} 鼠标拖动更改宽度时触发的事件,返回左右两个区域的宽度

插槽

name 说明
left 左侧内容块
right 右侧内容块

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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