View
组件类型:UxViewComponentPublicInstance
适配深色模式的view容器
平台兼容性
UniApp X
| Android | iOS | web | 鸿蒙 Next | 小程序 |
|---|---|---|---|---|
| √ | √ | √ | √ | √ |
UniApp Vue Nvue
| Android | iOS | web | 鸿蒙 Next | 小程序 |
|---|---|---|---|---|
| x | x | √ | x | x |
Props
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| background | String | $ux.Conf.backgroundColor | 背景色 |
| backgroundDark | String | auto | 深色none-不显示,auto-自动适配深色模式,其他-颜色 |
| border | Boolean | false | 显示边框 |
| borderColor | String | $ux.Conf.borderColor | 边框颜色 |
| borderDarkColor | String | auto | 深色none-不显示,auto-自动适配深色模式,其他-颜色 |
| xstyle | Array | 自定义样式 |
backgroundDark
| 值 | 说明 |
|---|---|
| none不显示 | |
| auto自动适配深色模式 | |
| color其他颜色 |
borderDarkColor
| 值 | 说明 |
|---|---|
| none不显示 | |
| auto自动适配深色模式 | |
| color其他颜色 |
示例代码
html
<template>
<view>
</view>
</template><template>
<view>
</view>
</template>ts
<script >
export default {
data() {
return {
}
},
methods: {
}
}
</script><script >
export default {
data() {
return {
}
},
methods: {
}
}
</script>css
<style >
</style><style >
</style>