更新记录

1.0.2(2024-08-26) 下载此版本

修改文档,增加演示示例

1.0.1(2024-08-21) 下载此版本

修正文档

1.0.0(2024-08-21) 下载此版本

初始化

查看更多

平台兼容性

HbuilderX/cli最低兼容版本
3.1.0

uni-app

Vue2 Vue3
?
app-vue app-nvue app-android app-ios app-harmony
? ? ? ? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 钉钉小程序 快手小程序 飞书小程序 京东小程序
? ? ? ? ? ? ? ? ?
快应用-华为 快应用-联盟
? ?

uni-app x

app-android app-ios
? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?

hope-11-shape-divider

示例

image

引入

import ShapeDivider from '@/uni_modules/hope-11-shape-divider/components/hope-11-shape-divider/hope-11-shape-divider.vue'

使用

<ShapeDivider>
  <image :src="image4" mode="aspectFill" class="image"></image>
</ShapeDivider>

属性

参数 类型 默认值 说明
shape String waves 形状,可选值:waves, waves-opacity, curve, curve-asymmetrical, triangle,
triangle-asymmetrical, tilt, arrow, split, book
color String #ffffff 颜色
width Number, String 100 宽度,单位为 %
height Number, String 100 高度,单位为 rpx
flip String false 翻转,即水平翻转,支持形状:waves, waves-opacity, curve-asymmetrical,
triangle-asymmetrical, tilt
invert Boolean false 倒转,即垂直翻转,支持形状:waves, curve, curve-asymmetrical, triangle,
triangle-asymmetrical, arrow, split, book
position Boolean top 位置,可选值:top, bottom

说明

该组件还未进行多平台详尽测试,可自行尝试使用,如有问题请在评论区指出或联系作者,多谢支持!

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

暂无用户评论。

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