当前第2页 返回上一页
为了让 Vue Material 正常工作,你需要配置一个默认的主题。 你也可以一次性注册多个主题。
单个主题
1 2 3 4 | Vue.material.theme.register( 'default' , {
primary: 'cyan' ,
accent: 'pink'
})
|
多个主题
1 2 3 4 5 6 7 8 9 10 | Vue.material.theme.registerAll({
default : {
primary: 'cyan' ,
accent: 'pink'
},
indigo: {
primary: 'indigo' ,
accent: 'pink'
}
})
|
应用你的主题到每一部分代码,你需要使用 v-md-theme 指令:
1 2 3 4 5 6 | <div id= "app" v-md-theme= "'default'" >
<md-toolbar>
<div class = "md-title" >My App</div>
</md-toolbar>
<md-button v-md-theme= "'indigo'" >My Button</md-button>
</div>
|
相关推荐:
2020年前端vue面试题大汇总(附答案)
vue教程推荐:2020最新的5个vue.js视频教程精选
更多编程相关知识,请访问:编程学习课程!!
以上就是vue-material是什么?的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
怎样在vue中使用jquery
vue.use怎么用
.vue文件里怎么写scss?
代码详解vue中key的作用示例
基于vue移动端ui框架有哪些?
vue的优点是什么
怎么运行vue.js
vue-cli-service不是内部或外部命令怎么解决
js和vue的关系是什么
vue.use是什么
更多相关阅读请进入《vue-material》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue-material是什么?