更新记录
1.0.0(2022-04-18)
下载此版本
初始化
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue app-nvue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
× |
bluestar-Divider
分割线
引入
在 script 标签中引入组件
//使用HBuilderX导入插件
import Divider from '@/uni_modules/bluestar-Divider/components/bluestar-Divider/bluestar-Divider.vue'
代码演示
<template>
<Divider width="550" text="我是有底线的"></Divider>
</template>
API
Props
参数 |
说明 |
类型 |
默认值 |
text |
提示内容 |
String |
- |
height |
divider 占据高度,单位 rpx |
Number String |
120 |
width |
divider 宽度,单位 rpx |
Number String |
500 |
color |
文字颜色 |
String |
#999999 |
size |
文字大小,单位 rpx |
Number String |
24 |
dividerColor |
divider 颜色 |
String |
#cecdce |
fontWeight |
文字字重 |
Number String |
400 |
backgroundColor |
背景颜色,和当前页面背景色保持一致 |
String |
#f2f2f2 |
作者