vue-material是什么?


当前第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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...