VueUI Day03(8.2)MintUI、Header 组件、Field 组件、Navbar 组件、脚手架项目图片的访问方式、Tabbar 组件

 

一、MintUI -- 基于移动端的vue组件

搭建 MintUI 的基础项目运行环境

1.新建项目： mint-project 。

# 找一个干净地方 day03/demo/ vue create mint-project Manually select features 选择：Babel - Vuex - Router - Css Preprocessors 去掉linter 2.x 以下选项一路回车即可

2.安装 mintui 。

npm i mint-ui -S

3.在 main.js 中引入 mintui

import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI)

4.测试 mintui 组件。

<mt-button type="primary">测试按钮</mt-button>