更新记录

8.1.17（2025-10-29） 下载此版本

• [优化]优化 router.query 取值

8.1.16（2025-10-28） 下载此版本

• [优化]cl-banner 添加 image-mode 参数
• [优化]修复 cl-tabs 底横线位置异常问题
• [优化]修复 cl-calendar 添加颜色、大小等参数
• [功能]添加 “商品详情” 模板页面

8.1.15（2025-10-27） 下载此版本

• [优化]cl-calendar 添加颜色、选中颜色、高度等参数
• [优化]修复脚本 generate-types.js 类型生成错误的问题

平台兼容性

uni-app x(4.76)

其他

Cool Unix

Cool Unix 是一个高效的项目脚手架。它内置了 UI 组件库、Service 请求、TailwindCSS 插件、多语言一键翻译等多种实用功能，极大提升了开发者的开发效率与体验。

• 📖 在线文档

• 🎯 快速开始

• 🌟 在线预览

组件库引入

如果你只需使用组件库，请参考 🚀 组件库引入指南 进行配置，快速集成到你的项目中。

多语言

配置完成后，仅需执行一条命令，AI 即可自动检索并统一翻译全文内容，无需手动维护繁琐的中英对照表，大幅提升多语言开发效率。

<text>{{ t('你好') }}</text>

在其他位置上绑定如下：

<script setup lang="ts">
    import { $t, t } from "@/uni_modules/cool-unix";
    import { useUi } from "@/uni_modules/cool-unix";

    const ui = useUi();

    ui.showToast({
        message: t("操作成功")
    });

    ui.showToast({
        message: $t("欢迎回来，{name}", { name: "神仙都没用" })
    });
</script>

npx cool-i18n create

TailwindCSS

不同于其他 UI 组件库仅内置简单样式，Cool Unix 深度兼容 TailwindCSS 的写法，支持如 dark:、! 等操作符，既保留了灵活性，也便于扩展。

<view class="bg-surface-100 dark:!bg-surface-900">
    <text class="text-surface-700 dark:!text-white">Cool Unix</text>
</view>

PassThrough

PassThrough 是一种用于访问组件内部 DOM 结构的 API，它允许开发者将任意属性和监听器直接应用于组件内部的 DOM 元素。这种设计的核心优势在于突破了组件主要 API 的限制，提供更灵活的定制能力。

<cl-button
    :pt="{
    className: '!rounded-2xl',
    icon: {
      size: 50,
      className: 'mr-5',
    },
    label: {
      color: 'red',
      className: 'font-bold',
    },
    loading: {
      size: 50,
    },
  }"
>
    点击
</cl-button>

⚡ 预览

• H5 预览

• APP 下载

🤝 参与贡献

我们欢迎所有形式的贡献，无论是新功能、Bug 修复、文档改进还是其他任何改进。

📄 开源协议

本项目基于 MIT协议 开源，您可以自由使用、修改和分发。