github/cool-unix
1
0
Fork 1
mirror of https://github.com/cool-team-official/cool-unix.git synced 2026-10-06 12:03:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
icssoa
2026-01-19 11:21:13 +08:00
parent 35d6cacb02
commit 064b029132
5 changed files with 570 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manifest.json
+93 -93
View File
@@ -1,94 +1,94 @@
{
"name": "cool-unix",
"appid": "__UNI__651711F",
"description": "完全开源、永久免费、上手容易、效率极高的开发脚手架",
"versionName": "1.0.0",
"versionCode": "100",
"uni-app-x": {},
"quickapp": {},
"mp-weixin": {
"darkmode": true,
"appid": "wxdebc4de0b5584ca4",
"setting": {
"urlCheck": false,
"es6": true
},
"usingComponents": true
},
"mp-alipay": {
"usingComponents": true
},
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao": {
"usingComponents": true
},
"uniStatistics": {
"enable": false
},
"vueVersion": "3",
"app": {
"distribute": {
"icons": {
"android": {
"hdpi": "",
"xhdpi": "",
"xxhdpi": "",
"xxxhdpi": ""
}
}
}
},
"web": {
"darkmode": true,
"router": {
"mode": "",
"base": "./"
},
"title": "cool-unix"
},
"app-harmony": {
"distribute": {
"bundleName": "cool.unix.demo",
"signingConfigs": {
"default": {
"certpath": "/Users/icssoa/Library/Application Support/HBuilder X/extensions/launcher/agc-certs/1761881606984.cer",
"keyAlias": "debugKey",
"keyPassword": "0000001B6F06517858019F05761FA6ED2A0253C5F0CC9B6A4283D24BA6EA2EDCA6DDED661284493269A46C",
"profile": "/Users/icssoa/Library/Application Support/HBuilder X/extensions/launcher/agc-certs/1768193325463.p7b",
"signAlg": "SHA256withECDSA",
"storeFile": "/Users/icssoa/Library/Application Support/HBuilder X/extensions/launcher/agc-certs/1761881606984.p12",
"storePassword": "0000001B6F06517858019F05761FA6ED2A0253C5F0CC9B6A4283D24BA6EA2EDCA6DDED661284493269A46C"
}
},
"icons": {
"foreground": "static/logo2.png",
"background": "static/logo2.png"
}
}
},
"app-android": {
"distribute": {
"modules": {},
"icons": {
"hdpi": "static/logo.png",
"xhdpi": "static/logo.png",
"xxhdpi": "static/logo.png",
"xxxhdpi": "static/logo.png"
},
"splashScreens": {
"default": {}
}
}
},
"app-ios": {
"distribute": {
"modules": {},
"icons": {
"appstore": "docs/logo.png"
},
"splashScreens": {}
}
}
}
"name" : "cool-unix",
"appid" : "__UNI__651711F",
"description" : "完全开源、永久免费、上手容易、效率极高的开发脚手架",
"versionName" : "1.0.0",
"versionCode" : "100",
"uni-app-x" : {},
"quickapp" : {},
"mp-weixin" : {
"darkmode" : true,
"appid" : "wxdebc4de0b5584ca4",
"setting" : {
"urlCheck" : false,
"es6" : true
},
"usingComponents" : true
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"uniStatistics" : {
"enable" : false
},
"vueVersion" : "3",
"app" : {
"distribute" : {
"icons" : {
"android" : {
"hdpi" : "",
"xhdpi" : "",
"xxhdpi" : "",
"xxxhdpi" : ""
}
}
}
},
"web" : {
"darkmode" : true,
"router" : {
"mode" : "",
"base" : "./"
},
"title" : "cool-unix"
},
"app-harmony" : {
"distribute" : {
"bundleName" : "cool.unix.demo",
"signingConfigs" : {
"default" : {
"certpath" : "/Users/icssoa/Library/Application Support/HBuilder X/extensions/launcher/agc-certs/1761881606984.cer",
"keyAlias" : "debugKey",
"keyPassword" : "0000001B6F06517858019F05761FA6ED2A0253C5F0CC9B6A4283D24BA6EA2EDCA6DDED661284493269A46C",
"profile" : "/Users/icssoa/Library/Application Support/HBuilder X/extensions/launcher/agc-certs/1768791750033.p7b",
"signAlg" : "SHA256withECDSA",
"storeFile" : "/Users/icssoa/Library/Application Support/HBuilder X/extensions/launcher/agc-certs/1761881606984.p12",
"storePassword" : "0000001B6F06517858019F05761FA6ED2A0253C5F0CC9B6A4283D24BA6EA2EDCA6DDED661284493269A46C"
}
},
"icons" : {
"foreground" : "static/logo2.png",
"background" : "static/logo2.png"
}
}
},
"app-android" : {
"distribute" : {
"modules" : {},
"icons" : {
"hdpi" : "static/logo.png",
"xhdpi" : "static/logo.png",
"xxhdpi" : "static/logo.png",
"xxxhdpi" : "static/logo.png"
},
"splashScreens" : {
"default" : {}
}
}
},
"app-ios" : {
"distribute" : {
"modules" : {},
"icons" : {
"appstore" : "docs/logo.png"
},
"splashScreens" : {}
}
}
}
uni_modules/cool-unix/changelog.md
+264
View File
@@ -0,0 +1,264 @@
## 8.1.31（2026-01-19）
* [功能] 新增“宽屏”支持，默认单位由 `rpx` 调整为 `px`，提升显示适配性
* [功能] 增加插件机制 `plugins`，支持自动加载，扩展更灵活
* [功能] 目录结构优化，将 `/cool` 调整为 `/.cool`
* [功能] 国际化目录更名，统一由 `/locale` 改为 `/locales`
* [功能] 核心代码优化，支持自动引入，无需手动导入
* [功能] 新增底部导航栏组件 `cl-tabbar`
* [功能] 优化并升级 `unix-i18n`、`unix-ui-types`、`unix-icons` 命令的使用体验和功能完善
* [优化] 解决 `cl-cropper` 在 APP 端首次加载图片时出现模糊的问题
* [优化] 修复 `cl-text` 在多端下的对齐异常
* [优化] 修复 `cl-input` 在 APP 端 `placeholder` 字体大小异常问题
* [优化] 修复 `cl-icon` 在多端下的对齐异常
* [优化] 修复 `cl-button` 在 IOS 端 `light` 按下样式异常问题
* [优化] 优化 `cl-picker-view` 在不同端的样式一致性
* [优化] 解决 `tailwind` 部分符号如 `>` `|` 渲染异常问题
## 8.1.30（2026-01-12）
* [优化]添加 cl-select-seat 选座组件（座位支持自定义字体图标、图片）
* [优化]ai admin 版本即将发布，敬请期待
## 8.1.29（2025-12-17）
* [优化]添加 weapp-tailwindcss 兼容支持
* [优化]解决 web 模式下 &:after 等编译丢失问题
## 8.1.28（2025-12-11）
* [优化]修复 picker-view 在 安卓 端打开卡顿问题
## 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 左右滑动
## 8.1.24（2025-11-13）
* [优化]修复 tailwindcss 隔离问题（更新依赖 @cool-vue/vite-plugin@8.2.19）
## 8.1.23（2025-11-12）
* [优化]修复 cl-topbar 层级过低问题
* [优化]修复 cl-float-view 拖动错位问题
* [优化]修复 cl-picker-view 在 ios 错位问题，默认 itemHeight=50
## 8.1.22（2025-11-09）
* [优化]cl-input 添加数字输入精度控制功能（特别感谢 haibiao-gu 的贡献）
* [优化]修复 cl-input-number 在特殊情况下输入框高度不一致问题
## 8.1.21（2025-11-07）
* [优化]cl-form-item 支持根据规则自动判断必填状态（特别感谢 haibiao-gu 的贡献）
* [优化]修复 cl-text 设置超大号字体时导致的多行重叠和web端显示不全的问题（特别感谢 richfugui001-netizen 的贡献）
## 8.1.20（2025-11-05）
* [优化]修复 cl-select-date 初始值未显示问题
* [优化]支持读取iconfont图标前缀并生成对应ts文件（特别感谢 haibiao-gu 的贡献）
## 8.1.19（2025-11-03）
* [优化]修复 cl-banner 1处bug、优化手势操作、增加touch代理功能（特别感谢 breath-co2 的贡献）
## 8.1.18（2025-10-31）
* [功能]添加 cool-share 系统分享插件，支持安卓、ios、鸿蒙
## 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 类型生成错误的问题
## 8.1.14（2025-10-24）
* [功能]1024 节日快乐 🎉🎉🎉
## 8.1.13（2025-10-22）
* [功能]添加 cl-watermark 水印组件，支持颜色，透明度，旋转角度，间距
## 8.1.12（2025-10-20）
* [优化]修复 cl-action-sheet 组件导致原数组值被污染的问题
* [优化]cl-list-item 组件新增 pt.wrapper 参数支持
* [优化]cl-waterfall 组件增加空值判断
## 8.1.11（2025-10-18）
* [优化]cl-topbar 组件添加 backable 控制返回按钮是否可用
* [优化]cl-select 组件添加空选项提示
* [优化]添加 offScroll 方法
* [优化]isPressing 修改为 ref<boolean>
## 8.1.10（2025-10-17）
* [优化]修复 cl-timeline-item 时间线不显示问题
* [优化]添加 帖子详情 模板
* [优化]修复 cl-popup 关闭按钮在小程序端的兼容问题
## 8.1.9（2025-10-16）
* [优化]修复 tailwindcss 插件导致 :deep 失效问题（更新依赖 @cool-vue/vite-plugin@8.2.16）
## 8.1.8（2025-10-14）
* [优化]修复 cl-banner 自动轮播和触摸事件的时序竞争问题
* [优化]修复 HBuilderX 4.8.2版本下 cl-banner 第三张后图片不显示问题
## 8.1.7（2025-10-13）
* [优化]修复 easycom 解析异常的问题，更新依赖 @cool-vue/vite-plugin@8.2.14
* [优化]修复 cool-vibrate 鸿蒙权限文件书写错误问题
## 8.1.6（2025-10-09）
* [优化]修复 cl-cascader 点击过快出现空值的问题
## 8.1.5（2025-09-26）
* [优化]cl-calendar 支持配置 start、end 可选日期
* [优化]cl-calendar-select 添加提示
* [优化]修复 cl-select-date 组件在范围选择模式下首次渲染时内容未显示的问题
## 8.1.4（2025-09-23）
* [优化]router 路由全面升级（特别感谢 ll-huihui 的贡献），新增 beforeEach(to, from, next) 路由守卫钩子，完善登录拦截机制，提升路由安全性与灵活性
* [优化]登录后默认调用 user.get() 获取用户信息
## 8.1.3（2025-09-22）
* [优化]兼容 HBuilder 4.8.1 版本
## 8.1.2（2025-09-19）
* [优化]解决 Illegal '/' in tags. 异常
## 8.1.1（2025-09-18）
* [功能]补充完整组件示例，调整部分细节问题
## 8.1.0（2025-09-18）
* [功能]组件库已独立，如需获取完整项目请前往 GitHub 仓库下载。
* [功能]请按照文档《组件库引入指南.md》进行相关配置。
* [功能]欢迎大家积极反馈在使用过程中遇到的问题，我们将第一时间进行处理和优化
## 8.0.46（2025-09-17）
* [功能]添加 HBuilderX 导入示例项目
## 8.0.45（2025-09-17）
* [优化]解决路由导航路径判断错误问题
## 8.0.44（2025-09-16）
* [优化]优化 usePager 写法
* [优化]解决 cl-input-opt 在小程序兼容问题
* [优化]解决 cl-read-more 动态内容不显示展开问题
* [优化]添加 cl-read-more 动态内容示例
* [优化]添加 cl-text 设置尺寸示例
## 8.0.43（2025-09-15）
* [功能]添加 cl-read-more 查看更多组件
* [优化]cl-text 参数 lines 修改为仅在ellipsis时生效
* [优化]解决图标脚本命名不一致问题
* [优化]支持自定义语言
## 8.0.42（2025-09-13）
* [功能]添加 cl-marquee 跑马灯组件
## 8.0.41（2025-09-12）
* [优化]更新动画、日历文档
* [优化]优化动画库
* [优化]解决图标脚本命名不一致问题
* [优化]cl-countdown 添加 auto 参数
## 8.0.40（2025-09-11）
* [优化]cl-countdown 添加 auto 参数
* [优化]cl-calendar 优化字体大小
* [优化]cl-calendar 支持添加上下文案
* [优化]鸿蒙圆形进度条显示异常问题
## 8.0.39（2025-09-10）
* [功能]添加 cl-calendar cl-calendar-select 日历组件
## 8.0.38（2025-09-09）
* [功能]cl-text 支持多行省略号
## 8.0.37（2025-09-08）
* [功能]添加 animation 动画库，优化组件动画
* [优化]cl-text 组件的字体大小和颜色，在 pt 配置中无需添加 ! 符号
* [优化]cl-list-item 添加 image 参数，添加 slot
## 8.0.36（2025-09-05）
* [优化]解决鸿蒙 svg 渲染问题
## 8.0.35（2025-09-04）
* [优化]解决 ios 端 cl-draggable 拖动异常问题
* [优化]解决 ios 端 cl-cropper 图片不显示问题
* [优化]解决 ios 端 cl-loading 旋转动画异常问题
## 8.0.34（2025-09-03）
* [优化]优化 ios 端样式兼容
* [优化]更新图标库
* [优化]解决 ios 底部自定义栏不显示问题
## 8.0.33（2025-09-02）
* [优化]清理 app 控制台多余警告
## 8.0.32（2025-09-02）
* [优化]优化页面细节，更新组件文档
## 8.0.31（2025-09-01）
* [优化]cl-tree 组件添加 modelValue、multiple 参数
## 8.0.30（2025-09-01）
* [优化]添加 cl-tree 树形组件
## 8.0.29（2025-08-30）
* [优化]优化细节，收集页面模板、组件需求中
## 8.0.28（2025-08-28）
* [功能]添加“收货地址、地址编辑”模板页
## 8.0.27（2025-08-28）
* [功能]添加 cl-slide-verify 滑动验证组件，支持图片转正
## 8.0.26（2025-08-27）
* [优化]弃用 service 请求，重新设计了 request 请求方案。
* [优化]用户信息绑定方式更改为 userInfo
* [优化]更新依赖 @cool-vue/vite-plugin 版本 8.2.9
## 8.0.25（2025-08-27）
* [优化]解决 eps 层级提升问题，更新依赖 @cool-vue/vite-plugin@8.2.8
## 8.0.24（2025-08-26）
* [功能]新增 useWx() 方法，支持微信小程序登录等功能
* [功能]新增微信小程序登录模板，首次登录时提示基本信息的修改
## 8.0.23（2025-08-26）
* [功能]添加 cl-svg 组件、支持 base64、本地文件、svg标签
* [优化]多语言方案已优化，成功解决 APP 端 Method too large 的问题，cool-ui 语言包现已独立分离
* [优化]更新依赖 @cool-vue/ai 版本 1.1.6
* [优化]更新依赖 @cool-vue/vite-plugin 版本 8.2.7
## 8.0.22（2025-08-25）
* [功能]添加“购物车”模板页面
* [优化]解决 cl-tabs 小程序端字体颜色失效问题
## 8.0.21（2025-08-23）
* [优化]优化 cl-qrcode 组件 logo 区域绘制，提升扫码识别率
## 8.0.20（2025-08-22）
* [优化]cl-popup 添加 teleport 和 root-portal 的支持
## 8.0.19（2025-08-22）
* [优化]解决 cl-input-number 首次触发 onChange 的问题
* [优化]解决 cl-select-date 快捷按钮需点击两次的问题
## 8.0.18（2025-08-21）
* [优化]解决 cl-text 参数 size 未生效问题
* [优化]解决小程序上 cl-badge 字体样式失效问题
## 8.0.17（2025-08-21）
* [功能]添加“商品分类”模板页面
## 8.0.16（2025-08-20）
* [功能]持续丰富各类模板页面（如商城、聊天、AI等），以提升二次开发的便捷性与效率
## 8.0.15（2025-08-20）
* [功能]添加 cl-canvas 组件，示例文件：/pages/demo/other/canvas.uvue
* [优化]解决 cl-topbar 参数 pt.className 和 backgroundColor 冲突问题
## 8.0.14（2025-08-19）
* [优化]文档更新，下个版本将支持 useCanvas 方式进行绘制，带来更简便的绘图与导出图片体验。
## 8.0.13（2025-08-18）
* [优化]细节优化，PassThrough 参数编辑器提示优化，:pt="{ className: 'text-[28rpx]' }"
## 8.0.12（2025-08-17）
* [优化]解决 cl-noticebar 等待时间过长显示的问题
## 8.0.11（2025-08-16）
* [优化]解决 tailwindcss 部分兼容问题
## 8.0.10（2025-08-15）
* [功能]cl-form-item 支持配置 rules
* [功能]cl-form 支持配置动态字段校验，如：prop="contacts[0].phone", prop="pca.city"
## 8.0.9（2025-08-14）
* [优化]优化页面细节，更新vite插件
## 8.0.8（2025-08-13）
* [功能]添加全局字号、可动态调整大小
## 8.0.7（2025-08-12）
* [功能]添加纯净版本
* [功能] cl-form 表单验证组件支持滚动到错误位置
* [功能] cl-form 表单内组件支持红框错误提示
* [功能]重新实现 usePage()，支持监听页面滚动及跳转等事件
* [功能] cl-list-view 添加下拉刷新功能
* [功能]添加 usePager() 页面刷新操作
* [功能]添加 cl-back-top 回到顶部组件
* [优化]优化 cl-button cl-loading 组件颜色的控制
* [优化]优化 cl-select-date 组件的选择操作体验（不回到首个）
## 8.0.6（2025-08-10）
* [功能]添加 cl-form、cl-form-item 表单验证组件
* [功能] cl-select-time 支持类型选择
* [修复] cl-select-date 文本无法清空问题
* [优化] useParent 方法支持 useParent<ClFormComponentPublicInstance>('cl-form') 类型定义和目标组件名
## 8.0.5（2025-08-08）
* [功能]添加 cl-cropper 图片裁剪组件
* [修复]cl-popup 内容区域去掉滑动事件
* [修复]locale-set 点击掉帧问题
* [修复]canvasToPng 参数优化，仅需一个 canvasRef
* [[优化]登录页细节调整
## 8.0.4（2025-08-06）
* [功能]cl-slider支持范围选择
* [功能]添加cl-sign签名组件
* [修复]解决多语言切换时部分组件文案不更新
## 8.0.3（2025-07-29）
* [修复]多语言切换时部分组件文本未更新
* [功能]cl-select-date支持范围选择
## 8.0.2（2025-07-26）
* [修复]cl-popup关闭按钮按下体验
* [功能]添加cl-progress-circle圆形进度条
## 8.0.1（2025-07-25）
* [修复]切换多语言tabbar组件无法更新
* [修复]cl-confirm深色字体不显示
* [修复]页面无法注释
## 8.0.0
* 多语言一键翻译
* 深色模式切换
* 全面适配华为鸿蒙生态
* 完美支持小程序开发
* 完美适配 APP 生态系统
uni_modules/cool-unix/package.json
+101
View File
@@ -0,0 +1,101 @@
{
"id": "cool-unix",
"displayName": "Cool Unix、UI组件库、快速开发脚手架（2025插件大赛一等奖）",
"version": "8.1.31",
"description": "基于 Uni-App X 的 Vue3 组合式开发框架，完全开源免费。内置 Tailwind CSS、支持多主题切换与国际化，集成丰富高质量组件库与多样模板页面，助力高效构建高品质跨平台应用。",
"keywords": [
"ui",
"鸿蒙",
"tailwind",
"uts",
"uvue"
],
"repository": "https://gitee.com/cool-team-official/cool-unix",
"engines": {
"HBuilderX": "^4.76",
"uni-app": "",
"uni-app-x": "^4.76"
},
"dcloudext": {
"type": "component-uts",
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": "615206459"
},
"declaration": {
"ads": "无",
"data": "插件不采集任何数据",
"permissions": "无"
},
"npmurl": "",
"darkmode": "√",
"i18n": "√",
"widescreen": "√"
},
"uni_modules": {
"dependencies": [],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "√",
"aliyun": "√",
"alipay": "√"
},
"client": {
"uni-app": {
"vue": {
"vue2": "-",
"vue3": "-"
},
"web": {
"safari": "-",
"chrome": "-"
},
"app": {
"vue": "-",
"nvue": "-",
"android": "-",
"ios": "-",
"harmony": "-"
},
"mp": {
"weixin": "-",
"alipay": "-",
"toutiao": "-",
"baidu": "-",
"kuaishou": "-",
"jd": "-",
"harmony": "-",
"qq": "-",
"lark": "-"
},
"quickapp": {
"huawei": "-",
"union": "-"
}
},
"uni-app-x": {
"web": {
"safari": "√",
"chrome": "√"
},
"app": {
"android": "√",
"ios": "√",
"harmony": "√"
},
"mp": {
"weixin": "√"
}
}
}
}
}
}
uni_modules/cool-unix/readme.md
+109
View File
@@ -0,0 +1,109 @@
# Cool Unix
Cool Unix 是一个高效的项目脚手架。它内置了 UI 组件库、Service 请求、TailwindCSS 插件、多语言一键翻译等多种实用功能，极大提升了开发者的开发效率与体验。
- [📖 在线文档](https://unix.cool-js.com/)
- [🎯 快速开始](https://unix.cool-js.com/src/introduce/quick.html)
- [🌟 在线预览](https://unix.cool-js.com/demo)
### 单独组件库使用
首先全局安装
```shell
npm install -g @cool-vue/unix-cli
```
然后在你的项目根目录下初始化配置
```shell
unix-init
```
执行完成后，所需的配置与依赖文件会被自动集成到你的项目中，无需手动操作。
### 多语言
配置完成后，仅需执行一条命令，AI 即可自动检索并统一翻译全文内容，无需手动维护繁琐的中英对照表，大幅提升多语言开发效率。
```html
<text>{{ t('你好') }}</text>
```
在其他位置上绑定如下：
```html
<script setup lang="ts">
import { $t, t } from "@/.cool";
import { useUi } from "@/uni_modules/cool-ui";
const ui = useUi();
ui.showToast({
message: t("操作成功")
});
ui.showToast({
message: $t("欢迎回来，{name}", { name: "神仙都没用" })
});
</script>
```
```shell
unix-i18n create
```
### TailwindCSS
不同于其他 UI 组件库仅内置简单样式，Cool Unix 深度兼容 TailwindCSS 的写法，支持如 `dark:`、`!` 等操作符，既保留了灵活性，也便于扩展。
```html
<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 的限制，提供更灵活的定制能力。
```html
<cl-button
:pt="{
className: '!rounded-2xl',
icon: {
size: 50,
className: 'mr-5',
},
label: {
color: 'red',
className: 'font-bold',
},
loading: {
size: 50,
},
}"
>
点击
</cl-button>
```
### ⚡ 预览
- H5 预览
![](https://unix.cool-js.com/qrcode-h5.png)
- APP 下载
![](https://unix.cool-js.com/qrcode-apk.png)
### 🤝 参与贡献
我们欢迎所有形式的贡献，无论是新功能、Bug 修复、文档改进还是其他任何改进。
### 📄 开源协议
本项目基于 `MIT协议` 开源，您可以自由使用、修改和分发。
uni_modules/cool-unix/utssdk/app-web/index.vue
+3
View File
@@ -0,0 +1,3 @@
<template>
<view class="flex"></view>
</template>