Vue Material 是一个实现 Google 的像素材料设计的 Vue 组件库,它提供了适合所有现代Web浏览器的内置动态主题的组件,它的 API 也简单明了。
通过 npm or yarn 安装
npm install vue-material@beta --save yarn add vue-material@beta
像 JSPM and Bower 暂时还不支持
在代码中导入 Vue and Vue Material:
import Vue from 'vue' import VueMaterial from 'vue-material' import 'vue-material/dist/vue-material.min.css' Vue.use(VueMaterial)
或者使用个人组件
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)
或者,您可以下载并引用HTML中的脚本和样式表:
<link rel="stylesheet" href="path/to/vue-material.css"> <script src="path/to/vue-material.js"></script>
可以从Google CDN导入Roboto字体:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"> <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
vue cli nuxt Nuxt材料管理员 (Nuxt Material Admin) Nuxt.js + vue-material-admin boilerplate. Nuxt.js + vue-material-admin样板。 This template is based on Vuetify. 该模板基于Vuetify。 View demo 查看演示 Download Source 下
//MonthCalendar.vue <style lang="less" scoped> .c-wrapper { padding: 10px; } .calendar { background-color: #fff; min-height: 295px; text-align: center; color: rgba(#353C46, 0.8); border-r
npm ERR! While resolving: vue-antd-pro@2.1.0 npm ERR! Found: vue@2.6.11 npm ERR! node_modules/vue npm ERR! vue@"^2.6.11" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ER
什么是材料设计 材料设计是跨平台的视觉,动作和交互设计的综合指南
简单地说,我不想使用第三方库,我只想知道是否可以使用android支持库以及如何做到这一点。
描述 (Description) Material主题也支持Radios组,您必须为无线电添加其他图标。 例子 (Example) 以下示例演示了Framework7中无线电组材料的使用 - <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width = device-width, initial-
描述 (Description) Framework7通知也可用于材质布局。 例子 (Example) 以下示例演示了Framework7中材质布局通知的使用 - <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sca
我在Eclipse控制台上没有重述任何错误,但当我在智能手机上打开应用程序(三星Galaxy Ace 4 with Android 4.4.4)时,会出现一个弹出图标,显示,我收到错误。 唯一可行的解决方案就是这样,但它不支持Lollipop之前的设备(仅支持API 21及更高版本)。 我最终尝试使用在这里找到的一个不同的支持库,但我不知道如何使用“Ray's Lib”库。
如何使用材质设计将按钮放置在图中所示的位置? 这是index.html模板上的代码。 这是材质设计的css样式。 Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eusmod tempor incidunt ut labore et dolore magna aliqua.Ut enim ad minim veniam,
有人能告诉我如何开始实施Android Material Design guide中描述的垂直非线性步进控制吗 http://www.google.com/design/spec/components/steppers.html