更新记录

1.0.0(2025-08-25) 下载此版本

1.0.0版本正式发布,功能会不断的进行迭代,欢迎使用


平台兼容性

uni-app(4.71)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× × × × × × × × ×
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
× × × × × × × × × × ×

uni-app x(4.71)

Chrome Safari Android iOS 鸿蒙 微信小程序

其他

多语言 暗黑模式 宽屏模式
× ×

rice-ui

基于 uniapp x 开发的多平台UI框架,采用vue3组合式API进行开发,同时兼容Android、iOS、鸿蒙Next、微信小程序、h5。 一次编写,多端发布,大幅度提高开发效率。支持暗黑模式。

rice-ui 是一个完全开源的项目,遵循 MIT开源协议 意味着您无需支付任何费用,无需授权,即可使用到您的产品中。
注意:这并不意味着您可以将rice-ui应用到非法的领域,比如涉及赌博,暴力,欺诈等方面。如因此产生纠纷或法律问题,rice-ui相关方不承担任何责任。

快速开始

1.在 APP.vue 中 引入基础样式文件

<script></script>

<style>
    @import "@/uni_modules/rice-ui/libs/style/index.css";
</style>

2.无需通过import 引入组件,直接在项目中使用即可

<rice-button type="primary" text="确定"></rice-button>

3.暗黑模式切换

import { setTheme } from "@/uni_modules/rice-ui"

//使用者需要手动调用 setTheme 方法设置暗黑模式
const setRiceUiTheme = () => {
    setTheme('dark') //'light'
}

文档地址

注意:文档正在加班加点完善中~使用者可以暂时先看源码中的注释
rice-ui文档地址

H5在线预览

项目预览

小程序 H5
注意:Android 安装包正在完善中……后续会开放APP的预览

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议