uniapp ui框架uview

uniapp的最火ui框架，uview在uniapp的插件市场搜索下载。

使用方法：

在hbuilderX创建好一个uniapp的项目，然后把下载的uview拷贝到项目的跟目录下。

1.  在项目的main.js中引入该框架：

        import uView from "uview-ui";

        Vue.use(uView);

2. 在uni.scss中写入：

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

3. 在App.vue中（覆盖默认的style）：

<style lang="scss">

/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */

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

</style>

4. 在page.json中加入：

"easycom": {

"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"

},

5. 然后就去官网复制组件代码到项目页面中查看是否引入成功

小案例：