开发喵星球

项目默认使用的是uni-ui，如果不满足需求可以尝试集成uview，它整合了非常多组件，功能丰富、文档清晰，同时支持nvue。

1、NPM方式安装

在项目根目录执行如下命令即可：

// 安装
npm install uview-ui@2.0.31

// 更新
// npm update uview-ui

默认会下载到node_modules目录下，建议剪切到RuoYi-App根目录下。

2、引入uview主JS库

在项目根目录中的main.js中，引入并使用uview的JS库。

// 引入全局 uview 框架
import uView from '@/uview-ui'
Vue.use(uView)

3、在引入uview的全局SCSS主题文件

在项目根目录的uni.scss中引入此文件。

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

4、引入uview基础样式

在项目的static\scss\index.scss中引入此文件。

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

5、配置easycom组件模式

此配置需要在项目根目录的pages.json中进行。

// pages.json
{
    // 此为本身已有的内容
    "pages": [
        // ......
    ]
    ........
    // 如果您是通过uni_modules形式引入uView，可以忽略此配置
    "easycom": {
        "^u-(.*)": "@/uview-ui/components/u-1/u-1.vue"
    }
}