mintUI和mUI

最新推荐文章于 2025-08-13 21:05:35 发布

weixin_30399821

最新推荐文章于 2025-08-13 21:05:35 发布

阅读量124

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ll15888/p/11233941.html

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>

转载于:https://www.cnblogs.com/ll15888/p/11233941.html