更新记录
1.0.1(2024-06-11)
下载此版本
无
<uni-section title="基础用法" type="line" padding>
<shaoll-divider></shaoll-divider>
</uni-section>
<uni-section title="展示文字 通过插槽在可以分割线中间插入内容" type="line" padding>
<shaoll-divider>文字默认用法</shaoll-divider>
</uni-section>
<uni-section title="内容位置 通过 align 指定内容所在位置。" type="line" padding>
<shaoll-divider align="left" margin="10rpx">居左并自定义间距</shaoll-divider>
</uni-section>
<uni-section title="野径云俱黑,江船火独明。晓看红湿处,花重锦官城" type="line" padding>
<shaoll-divider align="right" textColor="#f90">居右效果</shaoll-divider>
</uni-section>
<uni-section title="自定义颜色" type="line" padding>
<shaoll-divider textColor="Red" lineColor="rgba(156,39,176,0.5)">自定义颜色</shaoll-divider>
</uni-section>
<uni-section title="虚线" type="line" padding>
<shaoll-divider dashed lineColor="lineBlue"></shaoll-divider>
</uni-section>
<uni-section title="多行文字" type="line" padding>
<shaoll-divider lineColor="#39f">
<view class="Red">多行效果</view>
<view class="">第二行文字长点看看</view>
</shaoll-divider>
</uni-section>
1.0.0(2024-06-11)
下载此版本
无
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
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
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
shaoll-divider
API
oDivider Props
属性 |
说明 |
类型 |
可选值 |
默认值 |
align |
文字内容的位置 |
String |
left / right |
center |
dashed |
分割线设为虚线 |
Boolean |
true |
false |
lineColor |
分割线颜色 |
String |
支持 style / class,自动识别 |
#e9e9e9 |
textColor |
文字颜色 |
String |
支持 style / class,自动识别 |
#969798 |
margin |
上下间距 |
String |
支持px、rpx两种单位 |
28rpx |