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>

浙公网安备 33010602011771号