更新记录
1.0.0(2024-03-21)
下载此版本
需要修改,联系作者
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
slider-tabbar
props: {
data: Array,
//组件背景颜色
bgcolor: {
type: String,
default: '#FFFFFF'
},
//是否启用顶吸
topfixed: {
type: Boolean,
default: false
},
//距离顶部顶吸的距离
topfixedval: {
type: String,
default: '0px'
},
//字体大小
fontsize: {
type: String,
default: '13px'
},
//文字默认初始化颜色
textcolor: {
type: String,
default: '#999999'
},
//活动的项目文字颜色
activetextcolor: {
type: String,
default: '#000000'
},
//下划线颜色
underlinecolor: {
type: String,
default: '#6495ED'
},
//下划线高度
underlineheight: {
type: String,
default: '10rpx'
},
//下划线宽度
underlinewidth: {
type: String,
default: '35%'
}
},
```javascript
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.box1,.box ,.boxnew{
width: 100vw;
min-height: 100vh;
}
.box1{
background: #000;
}
.box {
background: rgba(0, 0, 0, .5);
}
.boxnew{
background: red;
}
</style>