Uniapp uses uviewui

One 、 download uViewUI, install scss plug-in unit

uView UI The published Sketch and Axure Design resources - DCloud Plug in market

Two 、 Direct copy uview-ui Folder to project root

3、 ... and 、 uni.scss IMPORT Global scss Variable file

@import 'uview-ui/theme.scss';

  Four 、App.vue Introduce basic styles ( Be careful style Label needs to state scss Property support )

@import "uview-ui/index.scss";

5、 ... and 、 main.js Global mount in

//uvue-ui
import uView from 'uview-ui';
Vue.use(uView);

6、 ... and 、pages.json To configure easycom The rules ( Introduce on demand )

{
    "easycom": {
        //  Download and install 
        "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
    },
    "pages": [
        // ......
    ]
}

7、 ... and 、 Directly reference... In the page

<u-picker v-model="isTimeShow" @confirm="checkQueryTime" mode="time" :params="params"></u-picker>

export default {
	data() {
		return {
			isTimeShow: false,
			params: {
				year: true,
				month: true,
			},
            queryTime:''
		}
	},
	timeClick() {
			this.isTimeShow = true;
	},
	checkQueryTime(e) {
		this.queryTime = `${e.year}-${e.month}`;
	}
  }
}

Reference resources ： 

uViewUI Quick start