返回介绍

开发指南

组件

JS

模板

color 颜色值

发布于 2021-04-03 05:35:22 字数 1198 浏览 1007 评论 0 收藏 0

此功能为uView内部通过js提供的一些颜色值,可以用于通过js修改元素字体,背景颜色等一些场景,常用于uView的各个组件中。
这些颜色值,挂载在$u对象下的color数组中,关于这些颜色值的具体描述,详见Color 色彩
使用方法:如使用primary颜色值,方法为:$u.color['primary']

说明:这些通过JS调用的颜色值,也是能通过CSS调用的,二者等价。详见Color 色彩

主题颜色

该主题颜色值,一共有5个,分别是primaryerrorsuccessinfowarning

export default{
	onLoad() {
		console.log(this.$u.color['error']);
	}
}

文字颜色

uView一共提供了四个颜色值,具体请见组件部分Color色彩
分别有:mainColorcontentColortipsColorlightColorborderColor(边框颜色值)

export default{
	onLoad() {
		console.log(this.$u.color['contentColor']);
	}
}

背景颜色

uView提供了一个浅灰的背景颜色值,该值为#f3f4f6

export default{
	onLoad() {
		console.log(this.$u.color['bgColor']);
	}
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文