# color 颜色值
此功能为uView内部通过js提供的一些颜色值,可以用于通过js修改元素字体,背景颜色等一些场景,常用于uView的各个组件中。
这些颜色值,挂载在$u对象下的theme数组中,关于这些颜色值的具体描述,详见Color 色彩
使用方法:如使用primary颜色值,方法为:$u.theme['primary']
说明:这些通过JS调用的颜色值,也是能通过CSS调用的,二者等价。详见Color 色彩
# 主题颜色
该主题颜色值,一共有5个,分别是primary、error、success、info、warning
export default{ onLoad() { console.log(uni.$u.theme['error']); } }✅ Copy success!
# 文字颜色
uView一共提供了四个颜色值,具体请见组件部分Color色彩
分别有:mainColor、contentColor、tipsColor、lightColor、borderColor(边框颜色值)
export default{ onLoad() { console.log(uni.$u.theme['contentColor']); } }✅ Copy success!
# 背景颜色
uView提供了一个浅灰的背景颜色值,该值为#f3f4f6
export default{ onLoad() { console.log(uni.$u.theme['bgColor']); } }✅ Copy success!
← 颜色转换 对象转 URL 参数 →