开发指南
组件
- 起步
- 基础组件
- 表单组件
- 数据组件
- 反馈组件
- 布局组件
- 导航组件
- 其他组件
JS
- 开发指南
- 网络
- 工具库
模板
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
color 颜色值
此功能为uView内部通过js提供的一些颜色值,可以用于通过js修改元素字体,背景颜色等一些场景,常用于uView的各个组件中。
这些颜色值,挂载在$u
对象下的color
数组中,关于这些颜色值的具体描述,详见Color 色彩
使用方法:如使用primary
颜色值,方法为:$u.color['primary']
说明:这些通过JS调用的颜色值,也是能通过CSS调用的,二者等价。详见Color 色彩
主题颜色
该主题颜色值,一共有5个,分别是primary
、error
、success
、info
、warning
export default{
onLoad() {
console.log(this.$u.color['error']);
}
}
文字颜色
uView一共提供了四个颜色值,具体请见组件部分Color色彩
分别有:mainColor
、contentColor
、tipsColor
、lightColor
、borderColor
(边框颜色值)
export default{
onLoad() {
console.log(this.$u.color['contentColor']);
}
}
背景颜色
uView提供了一个浅灰的背景颜色值,该值为#f3f4f6
export default{
onLoad() {
console.log(this.$u.color['bgColor']);
}
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论