2024年06月17日 建站教程
Vue Material 就是一款轻量的 UI 组件库，官网有详细的开发文档，不过只有英文版本，不过使用真的很简单，就算不借助翻译工具，也能很快上手。下面web建站小编给大家简单介绍一下项目的搭建！
安装 Vue Material
$ npm install vue-material --save #OR $ yarn add vue-material
在 Vue 中按需引入组件
import Vue from 'vue'
import { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'
// 样式文件需要全部引入
import 'vue-material/dist/vue-material.min.css'
import 'vue-material/dist/theme/default.css'
Vue.use(MdButton)
Vue.use(MdContent)
Vue.use(MdTabs)
创建自己的主题
@import "~vue-material/dist/theme/engine"; // 引入 theme engine
@include md-register-theme("default", (
primary: md-get-palette-color(blue, A200), // 配置主要颜色
accent: md-get-palette-color(red, A200) // 同理配置辅助色
));
@import "~vue-material/dist/theme/all"; // 应用主题
本文链接：http://so.lmcjl.com/news/6725/