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>