（3） 使用uni app开发直播app-逐步细化和完善功能

直播设置界面美化

由于我不是设计师，我找到了DCloud插件市场上最流行的UI组件库uViewUI，以重做流式直播设置界面。使用方法如下：

1、 uViewUI：

官方网站：

辅导的：

2.安装和使用

npm安装uview ui

#UView取决于SCSS。您必须安装此插件，否则它将无法正常工作。

#如果您的项目是由HBuilderX创建的，那么您认为scss插件已经安装。如果没有，HX菜单中的工具->在插件安装过程中，找到要安装的“scss/sass编译”插件。如果未生效，请重新启动HX

#如果您的项目是由vue-cli创建的，请使用以下命令安装sass（scss）支持。如果已安装，请跳过。

npm i节点sass-D

npm i sass加载程序-D

3.配置步骤

导入uView主JS库

主要在项目根目录Js中，介绍并使用uView的Js库。请注意，这两行应该放在导入Vue之后。

//主.js

从“uView ui”导入uView；

Vue.use（uView）；

uView中引入的全局SCSS主题文件

在uni中介绍此文件。项目根目录中的scss。

/*uni。scss系统*/

@导入'uview ui/theme.scss'；

介绍uView基本样式

小心！

它在App.vue的第一行中引入。请注意，lang=“scss”属性被添加到样式标记中