Skip to content

rice-ui

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

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

快速开始

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

vue
<script></script>

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

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

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

3.暗黑模式切换

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

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

导入项目的时候提示 合并Pages窗口

在APP 和 h5 端 如果 需要使用 showDialogshowActionSheet 这两个 API,就需要注册这两个页面,当然也可以选择跳过,不注册这两个页面也就是不能使这两个API,其他的功能不受影响。
小程序端不需要使用这两个页面,可以使用 条件编译。