rice-ui

暗黑模式

RiceUI ​

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

开源协议 ​

本组件库内的所有组件代码完全开源，遵循 MIT开源协议 ，用户可根据MIT开源协议进行使用、修改、分发及商业应用，无需付费。
注意：这并不意味着您可以将RiceUI应用到非法的领域，比如涉及赌博，暴力，欺诈等方面。如因此产生纠纷或法律问题，RiceUI相关方不承担任何责任。
Demo 示例项目使用限制见下

注意

在使用本组件库之前，请确保您已经了解 uniappx 和 uts语法，他们相对于 uniapp 和 js/ts 是有一定难度的。

快速开始 ​

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 端 如果 需要使用 showDialog 和 showActionSheet 这两个 API，就需要注册这两个页面，当然也可以选择跳过，不注册这两个页面也就是不能使这两个API，其他的功能不受影响。
小程序端不需要使用这两个页面，可以使用 条件编译。

Demo 下载 ​

进入插件市场 点击右上角的 “使用HbuilderX导入示例项目” 即可下载demo

Demo 示例项目使用限制 ​

  1. 版权归属：本组件库附带的示例演示项目（Demo）版权归 RiceUI作者 所有，受《中华人民共和国著作权法》及国际版权公约保护。
  2. 使用许可：用户可查看、学习及本地运行Demo代码，但禁止将Demo或基于Demo的衍生作品以任何形式提交至各大应用市场（包括但不限于 App Store、Google Play、华为应用市场、小程序平台等）。
  3. 其他用途：除上架应用市场外，用户可在非商业展示、技术分享等场景中使用Demo内容，但需保留原作者版权声明。
  4. 如果您选择继续使用本组件库，即表示您同意接受这些条款。

写在最后 ​

  • 开源之路确实不易，凌晨还在写代码是常事。若您有任何建议，也请友善表达，我们非常乐意倾听。
  • 遇到 BUG 是正常现象，任何程序都难免存在不足之处，希望大家能够多一份理解、多一份耐心。您提出的每一个问题，我们都将努力改进。
  • 如果您觉得这个项目对您有帮助，请不要吝啬您的点赞和好评，您的认可就是我们持续努力的最大动力！