更新记录
1.0.0(2022-04-18)
下载此版本
初始化
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
- |
- |
- |
√ |
- |
× |
× |
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 |
作者
