mintUI sum mUI

mintUI

installation:

npm install mint-ui -S

Introduction:

// introduction portion of the assembly demand 

Import {the Cell, Checklist} from 'Mint-UI' ; 

Vue.component (cell.name, the Cell); 

Vue.component (Checklist.name, Checklist);

/ * Is introduced into the tag registration mint (global) * / 
Import {Header, the Swipe, SwipeItem} from 'mint-UI' 
Vue.component (Header.name, Header) 
Vue.component (Swipe.name, the Swipe) 
Vue.component ( SwipeItem.name, SwipeItem)

use:

<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>

nose

Downloading code examples, introduction:

/ * Imported stylesheet mui * / 
Import './lib/mui/css/mui.css' 
Import './lib/mui/css/icons-extra.css'

use:

 <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>