uniapp集成图鸟UI

1、下载：图鸟UI-uniapp: 图鸟UI，基于uni-app进行开发，提供丰富的组件进行快速开发，已经支持H5和微信小程序，包含常用表单组件、信息展示组件等，并提供丰富的酷炫页面模板。 - Gitee.com 把tuniao-ui 目录复制到uni_modules下面、把store目录复制到根目录下面

2、在main.js中加入：

import TuniaoUI from '@/uni_modules/tuniao-ui'
Vue.use(TuniaoUI)

let vuexStore = require('@/store/$tn.mixin.js')
Vue.mixin(vuexStore)
import store from './store'

const app = new Vue({
	store,
  ...App
})

3、在App.vue中加入：

<style lang="scss">
	@import '@/uni_modules/tuniao-ui/index.scss';
	@import '@/uni_modules/tuniao-ui/iconfont.css';
</style>

4、在uni.scss中加入：

@import '@/uni_modules/tuniao-ui/theme.scss';

5、在pages.json中加入：

"easycom": {
		"^tn-(.*)": "@/uni_modules/tuniao-ui/components/tn-$1/tn-$1.vue"
	},

uniapp集成图鸟UI

悦读