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"; // 应用主题
一个专门提供用作前端开发的各种酷炫 UI 组件的网站——Uiverse
标签: UI组件库, Vue Material
上面是“利用Vue Material框架搭建项目”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_12742.html
workflows工作流
泰坦尼克号桌面壁纸上ComfyUI工作流
一个时间旅行女人的神秘剪影ComfyUI工作流
一辆在泥潭中奔跑的布加迪ComfyUI工作流
一个人一条船一条鱼ComfyUI工作流
一条闪闪发光的金鱼ComfyUI工作流
一位身着传统红色服装的女战士ComfyUI工作流
一只开屏的白色孔雀ComfyUI工作流
森林里有一个皮肤像抛光黑曜石的生物
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!