更新记录

8.1.27(2025-12-02) 下载此版本

  • [优化]修复 cl-select 组件在异步获取 options 时不显示数据的问题,以及仅有单个选项时无法正确触发更新值的问题
  • [功能][独立组件库]新增命令 pnpm build-icon 生成图标资源
  • [功能][独立组件库]新增命令 unix-init 初始化基础配置

8.1.26(2025-11-25) 下载此版本

  • [优化]修复 cl-input 在 鸿蒙 端不弹出键盘问题
  • [优化]修复 cl-textarea 在 鸿蒙 端不弹出键盘问题
  • [优化]修复 cl-input-opt 在 鸿蒙 端边框不显示问题
  • [优化]修复 cl-noticebar 在 鸿蒙 端动画无效问题
  • [优化]修复 cl-tabs 在 鸿蒙 端下划线不显示问题
  • [优化]修复 cl-popup 在拖动关闭位置错误问题

8.1.25(2025-11-14) 下载此版本

  • [优化]修复 cl-switch 在 IOS 端切换 disabled 被隐藏问题)
  • [优化]修复 cl-input-opt 光标动画重复创建问题
  • [优化]修复 cl-input 参数 clear 在 IOS 端失效问题
  • [优化]修复 cl-float-view 禁用不生效问题
  • [优化]修复 cl-calendar-select 在 mode=range 确认选择时错误提示的问题
  • [优化]修复 cl-watermark IOS 端不生效问题
  • [优化]优化 cl-list-item 左右滑动
查看更多

平台兼容性

uni-app x(4.76)

Chrome Safari Android iOS 鸿蒙 微信小程序

其他

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

Cool Unix

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

单独组件库使用

首先全局安装

npm install -g @cool-vue/unix

然后在你的项目根目录下初始化配置

unix-init

执行完成后,所需的配置与依赖文件会被自动集成到你的项目中,无需手动操作。

多语言

配置完成后,仅需执行一条命令,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协议 开源,您可以自由使用、修改和分发。

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议