Vue Awesome Mui

自定义CSS的文本框打开浏览器找到对应的前端代码<form id="form1" name="form1" action="/Configure/SaveConfig" method="post"><div class="confmain"><p>博客标题<br><input type="text" name="title" maxlength="50" value="AutumnsWind

enoyao

15427人浏览 · 2016-02-25 09:56:53

enoyao · 2016-02-25 09:56:53 发布

vue-awesome-mui

Design Mui library for Vuejs 2.x

Install

Install vue-awesome-mui

npm install vue-awesome-mui -save

Get Started

Vue mount

// import or require
import Vue from 'vue'
import Mui from 'vue-awesome-mui'
import 'vue-awesome-mui/mui/dist/css/mui.css'
// mount with global
Vue.use(Mui)

If you need icon, you can require icon.css

import "vue-awesome-mui/mui/examples/hello-mui/css/icons-extra.css";

Example

Give a few examples

Vue components	Mui document
折叠面板	Accordion
操作表	Actionsheet
数字角标	Badges
按钮	Buttons

Browser Support

IE 10+
Andorid 4.4+
IOS 7+

Changelog

Detailed changes for each release are documented in the release notes.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Dependencies

Licence

vue-awesome-mui is open source and released under the MIT Licence.

About author

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^