mumozi / air-conditioner-vue

vue3 + vite + Ts 构建小空调❄️

Air Conditioner Vue

中文文档 | English Docs

云空调，便携小空调，为你的夏日带去清凉！

二次修改

• update#原始声音及素材文件本地
• add#风速声音调整为三级控制，默认1级

该项目创意来自 云游君, 使用 VUE3 + VITE + TS 构建, 未使用任何 UI 框架，无多余样式资源，打包后仅 84kb。

云空调，便携小空调，#VUE3 #VITE #TS ｜安知鱼

• 裸机[main]：https://loquacious-bienenstitch-58539b.netlify.app/n
• 样板房：https://anzhiy.cn/air-conditioner/

Features

优势

• 🕐 随时随地打开空调
• 📱 便携
• 🔋 低功耗（使用 HTML CSS 而非 Canvas 绘制）
• 🔊 静音
• 🎮 操作简单
• 🔧 安装便捷

劣势

• 💨 没有风

安装

iframe

<iframe height="740" src="https://loquacious-bienenstitch-58539b.netlify.app/"></iframe>

您可以快速为您的网站安装空调。

样板房：空调房

Dev

# 开发预览
npm run dev

# 构建项目
npm run build
# ./build

Todo

• 空调
  • 能耗标签
  • 温度范围（16-31˚C）
  • 风 css
  • 音效
    • 按钮
    • 工作声
    • 接入 喜马拉雅 更多音效
• 适应系统的亮暗模式

Ref

• 数字字体: Digital 7，Free for personal use
• 空调工作声: Air Extractor Fan | freesound