uni-app中较为好用的ui框架uview安装

uni-app中较为好用的ui框架uview安装

1. 第一步使用HBuilderX导入插件，地址https://ext.dcloud.net.cn/plugin?id=1593

2. 把uview-ui这个文件复制，放到项目根目录下

3. uview较为依赖scss，需要安装scss插件，在HBuilderX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装

4. 在main.js中进行配置

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

5. 在uni.scss中引入

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

6. 在App.vue中首行的位置引入

   <style lang="scss">
   	@import "uview-ui/index.scss";
   	/*每个页面公共css 在下面引入 */
       
   </style>
   

7. 在page.json中配置easycom组件模式

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