首页 > 其他 > 详细

Muse-UI自定义主题的使用方法

时间:2019-05-22 19:34:09      阅读:333      评论:0      收藏:0      [点我收藏+]

Muse-UI文档中,theme相关的部分官方文档给出的例子是下图所示:

但是,这样使用是不正确的,出不来效果的;(简而言之,文档的例子是错误的)

技术分享图片

但是官方首页却有正确的例子

技术分享图片

所以正确的自定义主题步骤是

// 1.引入Vue

import Vue from ‘vue‘

// 2.引入MuseUI

import MuseUI from ‘muse-ui‘

// 3.MuseUI添加自定义主题,并使用主题

MuseUI.theme.add(‘my-theme‘, {

  primary: ‘#00bcd4‘,

  secondary: ‘#ff4900‘,

  success: ‘#70af40‘,

  warning: ‘#ff9300‘

}, ‘light‘).use(‘my-theme‘)

// 4.Vue使用自定义主题的MuseUI

Vue.use(MuseUI)

技术分享图片

 

Muse-UI自定义主题的使用方法

原文:https://www.cnblogs.com/acelance/p/10907571.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!