ll15888

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>

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-11-17
  • 2021-05-21
  • 2021-12-14
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-01-14
  • 2021-05-18
  • 2021-05-27
  • 2021-09-13
  • 2022-12-23
  • 2022-01-15
  • 2022-12-23
相关资源
相似解决方案