uView——快速上手

一、介绍

uView——快速上手

uni-app2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归。

因此,uView应运而生,uView的目标是成为uni-app生态最优秀的UI框架。

官网链接:https://www.uviewui.com/components/intro.html

二、在空白项目中使用uView

1.下载地址:https://ext.dcloud.net.cn/plugin?id=1593(包含项目组件和空白项目)

uView——快速上手

把uview-ui文件放入项目中

uView——快速上手

 2.安装scss插件

uView——快速上手

 3. main.js中引入全局uView

import uView from "uview-ui";
Vue.use(uView);

uView——快速上手

4.uui.scss文件中全局引用theme.scss

uView——快速上手

 5.pages.json中引用

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

uView——快速上手

6.在页面引用scss样式

<style lang="scss" scoped></style>

uView——快速上手

7.项目经验汇总

7.1 字体图标  <u-icon name="chat" size="38"></u-icon>