vue-material-Vue.js的材料设计。-Vue.js开发

  • e8_221746
    了解作者
  • 4.1MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-25 08:04
    上传日期
Vue.js的材料设计Vue Material简单,轻便,并且完全按照Google Material Design规范构建。精心设计的应用程序Vue Material的设计简单,轻便,并且完全按照Google Material Design规范Build构建。经过精心设计的应用程序,可以在每个屏幕上显示,并支持所有具有动态主题的现代Web浏览器,按需组件以及所有易于使用的API演示和文档文档和演示示例如果您要查找有关以下内容的文档,请执行以下操作:以前的版本,请转到旧网站。 安装和用法安装Vue Mat
vue-material-dev.zip
内容介绍
<p align="center"> <a href="https://vuematerial.io/" target="_blank" rel='nofollow' onclick='return false;'> <img width="150" src="https://vuematerial.io/assets/logo-color.png"> </a> </p> <p align="center">Material Design for Vue.js</p> <p align="center"> <a href="https://travis-ci.org/vuematerial/vue-material" rel='nofollow' onclick='return false;'> <img src="https://travis-ci.org/vuematerial/vue-material.svg?branch=master" alt="Build Status"> </a> <a href="https://www.npmjs.com/package/vue-material" rel='nofollow' onclick='return false;'> <img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads"> </a> <a href="https://www.npmjs.com/package/vue-material" rel='nofollow' onclick='return false;'> <img src="https://img.shields.io/npm/l/vue-material.svg" alt="License"> </a> <a href="https://discord.gg/vuematerial" rel='nofollow' onclick='return false;'> <img src="https://img.shields.io/discord/379653048798281729.svg?logo=discord&colorB=7289DA" alt="Chat"> </a> </p> Vue Material is Simple, lightweight and built exactly according to the Google <a href="http://material.google.com" target="_blank" rel='nofollow' onclick='return false;'>Material Design</a> specs Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API ## Demo and Documentation <a href="https://vuematerial.io/" target="_blank" rel='nofollow' onclick='return false;'>Documentation & demos</a> <a href="https://github.com/vuematerial/examples" target="_blank" rel='nofollow' onclick='return false;'>Examples</a> If you are trying to find the documentation for previous versions, please go to <a href="https://vue-material-old.netlify.com" rel='nofollow' onclick='return false;'>old website</a>. ## Installation and Usage Install Vue Material through npm or yarn ``` bash npm install vue-material --save yarn add vue-material ``` <small>* Others package managers like JSPM and Bower are not supported yet.</small> Import or require Vue and Vue Material in your code: ``` javascript import Vue from 'vue' import VueMaterial from 'vue-material' import 'vue-material/dist/vue-material.min.css' Vue.use(VueMaterial) ``` Or use individual components: ``` javascript import Vue from 'vue' import { MdButton, MdContent, MdTabs } from 'vue-material/dist/components' import 'vue-material/dist/vue-material.min.css' Vue.use(MdButton) Vue.use(MdContent) Vue.use(MdTabs) ``` Alternatively you can <a href="https://github.com/vuematerial/vue-material/archive/master.zip" target="_blank" rel="noopener" rel='nofollow' onclick='return false;'>download</a> and reference the script and the stylesheet in your HTML: ``` html <link rel="stylesheet" href="path/to/vue-material.css"> <script src="path/to/vue-material.js"></script> ``` Optionally import Roboto font & Material Icons from Google CDN: ``` html <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons"> ``` ## Changelog <a href="https://github.com/vuematerial/vue-material/releases" rel='nofollow' onclick='return false;'>Changelog</a> ## Questions If you have any questions, ideas or you want to discuss with Vue Material community, use [Discord](https://discord.gg/vuematerial) to join us. ## Contributing Please make sure to read the [Contributing Guide](https://github.com/vuematerial/vue-material/blob/master/.github/CONTRIBUTING.md) before making a pull request. ## Browser Support Vue Material supports all [modern browsers](http://browserl.ist/?q=%3E%3D+1%25). <small>May work in other browsers but it's untested.</small> ## Become a part of the Vue Material community #### This project exists thanks to all the people who contribute <a class="contributors-image" href="https://github.com/vuematerial/vue-material/contributors" rel='nofollow' onclick='return false;'><img src="https://opencollective.com/vue-material/contributors.svg?width=1500&button=false" /></a> #### Sponsors & Backers Thank you to all our backers! ���� [[Become a backer](https://opencollective.com/vue-material)] <a href="https://opencollective.com/vue-material#backers" target="_blank" rel='nofollow' onclick='return false;'><img src="https://opencollective.com/vue-material/tiers/backer.svg?avatarHeight=90" /></a> ## Credits and Thanks Vue Material does not run under the umbrella of any company or anything like that. It is an independent project created by <a data-v-9248b2ee="" href="https://www.github.com/marcosmoura" target="_blank" rel='nofollow' onclick='return false;'>Marcos Moura</a> in his spare time, which has become one of the most used UI Libraries for Vue.js. The development is active and we are working hard to release great things for you. * <a href="https://github.com/elviskang" target="_blank" rel='nofollow' onclick='return false;'>elviskang</a> for donating the npm package name! * <a href="https://github.com/brunocastro" target="_blank" rel='nofollow' onclick='return false;'>Bruno Castro</a> for the awesome Vue Material Logo. * Supported by <a href="https://www.creative-tim.com/?ref=vuematerial.io" target="_blank" rel='nofollow' onclick='return false;'>Creative Tim</a> ## License MIT
评论
    相关推荐
    • vue.js
      示例应用 项目设置 yarn install 编译和热重装以进行开发 yarn run serve 编译并最小化生产 yarn run build 运行测试 yarn run test 整理和修复文件 yarn run lint 自定义配置 请参阅。
    • vue.js
      vue.js
    • vue.py:Pythonic Vue.js
      vue.py 在纯Python中使用 vue.py提供了Python绑定 。 它使用在浏览器中运行Python。 这是vue.py组件的一个简单示例 from browser import alert from vue import VueComponent class HelloVuePy ( VueComponent ):...
    • Vue.js权威指南
      Vue.js权威指南》致力于普及国内Vue.js 技术体系,让更多喜欢前端的人员了解和学习Vue.js。如果你对Vue.js 基础知识感兴趣,如果你对源码解析感兴趣,如果你对Vue.js 2.0感兴趣,如果你对主流打包工具感兴趣,如果...
    • Vue.js 教程
      Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简 单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模 型。实际...
    • Vue.js权威指南
      如果你对Vue.js 基础知识感兴趣,如果你对源码解析感兴趣,如果你对Vue.js 2.0感兴趣,如果你对主流打包工具感兴趣,如果你对如何实践感兴趣,《Vue.js权威指南》都是一本不容错过的以示例代码为引导、知识涵盖全面...
    • Vue.js权威指南》
      Vue.js权威指南》致力于普及国内Vue.js 技术体系,让更多喜欢前端的人员了解和学习Vue.js。如果你对Vue.js 基础知识感兴趣,如果你对源码解析感兴趣,如果你对Vue.js 2.0感兴趣,如果你对主流打包工具感兴趣,如果...
    • vue.js
      乌苏 npm install npm start 。 波尔多电报公司8080 来源
    • vue.jsvue.min.js
      vue.jsvue.min.jsvue.jsvue.min.jsvue.jsvue.jsvue.min.jsvue.jsvue.min.jsvue.min.jsvue.jsvue.min.j s
    • Web Worker中的Vue.js-Vue.js开发
      这是由Rollup.js捆绑提供的使用WorkerDOM在Web Worker中工作的Vue.js的“ hello world”演示应用程序。 Web Worker中的Vue.js这是Vue.js的“ hello world”演示应用程序,由Rollup.js捆绑使用WorkerDOM在Web Worker...