UCS Design

Appearance

Background Color ​

CSS属性中的 background-color 会设置元素的背景色，属性的值为颜色值或关键字"transparent"二者选其一。

函数方法 ​

backgroundColor(options) ​

获取背景颜色

options ​

参数名称类型必填可选值描述
colorstring是色彩UCS 色彩变量 或 Hex 颜色值

温馨提示

使用 UCS 色彩变量，切换暗黑模式时则自动变更为深色颜色值。

vue
<template>
	<view class="box" :style="[backgroundColor('primary')]">

	</view>
</template>

<script setup>
	import { backgroundColor } from "@/uni_modules/ucs-css"; 
</script>

<style>
	.box {
		width: 100%;
		height: 123px;
	}
</style>
vue
<template>
	<view class="box" :style="[backgroundColor('#604CFC')]">

	</view>
</template>

<script setup>
	import { backgroundColor } from "@/uni_modules/ucs-css"; 
</script>

<style>
	.box {
		width: 100%;
		height: 123px;
	}
</style>

参见 ​