项目搭建（12）-uni-ui组件库的使用

一.安装uni-ui

uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的，flex布局的，无dom的跨全端ui框架

文档：https://uniapp.dcloud.io/component/

使用方式：https://ext.dcloud.net.cn/plugin?id=55

安装命令

npm install @dcloudio/uni-ui

npm install sass

npm install sass-loader

 

二.配置

在page.json中

三.使用组件

启动项目，这里报错了

查了一下，由于sass-loader版本过高导致方法不兼容，解决办法是安装低版本

// 卸载
npm uninstall --save sass-loader
// 安装
npm install -S sass-loader@10.x

最终效果：

这里使用一下搜索栏

效果：

这里首页调整了一下，使用搜索和轮播，以及分栏显示

效果如下：

跳转到play播放页面，使用video组件，还带发弹幕的功能，目前还没接入socket通信进行视频流推送

这里放了一个收藏的张杰的线上演唱会视频

期待后续完善作品