更新记录
1.0.0(2024-03-21)
下载此版本
需要修改,联系作者
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
其他
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>