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


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)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM