浅谈uniApp+uView，制作一款精美的小程序/h5

今天我们来浅谈下uniApp+第三方UI框架去实现一个小程序，笔者有着丰富的小程序经验，目前能实现小程序的所有框架几乎都尝试并且成功了。
为什么市场上会出现很多第三方制作小程序的方法，初时是为了快速开发小程序而用，后来由于原生组件和设计之间的冲突增加了开发难度。
今天给大家推荐的是uniApp+uView去实现小程序，下图是一个完整的项目，我们先上效果图：

1、准备工作：HBuilder+微信开发者工具
如果不知道如何使用uniapp的同学可以走快速通道：https://www.cnblogs.com/yesxblogs/p/14853258.html
2、整体的目录架构

3、正确引入uView
关于uView的引入方式有两种，这取决于项目的建立方式
1）如果用HBuilder的快捷创建方式，选择uni-app自带的模板，那么你可以去uniApp官网的插件市场上搜索uView，直接通过HBuilder导入即可，别急~

Hbuilder会自动帮你安装，安装好之后，可以检查uni_modules目录下面有没有uview-ui这个文件夹，如果文件夹存在，代表uView这个UI框架已经导入成功了

2）如果是脚手架的创建方式，那么去uView的官网，链接：https://www.uviewui.com/components/install.html

4、引入scss，uView中组件的样式都是scss，在App.vue文件里面的style里面引入@import "@/uni_modules/uview-ui/index.scss";

5、在main.js中还要如下引入

到这里就已经是全局引入uView了~恭喜你可以任意使用uView里面的任意组件了！在实现项目的时候可以不用太拘泥微信小程序的语法知识
技术栈：Vue+uniapp+uView