>》>》>》>》

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>

 

posted @ 2019-07-23 19:36  大、锤  阅读(760)  评论(0编辑  收藏  举报