mintUI和mUI
mintUI
安装:
npm install mint-ui -S
引入:
// 按需引入部分组件 import { Cell, Checklist } from 'mint-ui'; Vue.component(Cell.name, Cell); Vue.component(Checklist.name, Checklist);
/*引入mint 注册成标签(全局)*/ import { Header ,Swipe, SwipeItem } from 'mint-ui' Vue.component(Header.name, Header) Vue.component(Swipe.name, Swipe) Vue.component(SwipeItem.name, SwipeItem)
使用:
<mt-header title="商城"> <router-link to="/" slot="left"> <mt-button icon="back"> < 返回</mt-button> </router-link> <mt-button icon="more" slot="right"></mt-button> </mt-header>
mUI
下载代码例子,引入:
/*导入mui样式表*/ import './lib/mui/css/mui.css' import './lib/mui/css/icons-extra.css'
使用:
<nav class="mui-bar mui-bar-tab"> <router-link class="mui-tab-item" to="/home"> <span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span> </router-link> <nav>