/air-conditioner-vue

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

Primary LanguageVue

Air Conditioner Vue

GitHub Pages

中文文档 | English Docs

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


二次修改

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

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

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

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