fix(eslint): reduce warnings in GitHub Actions deployment
- Disable formatting rules (handled by Prettier) - Relaxed strict Vue/JS rules for demo code compatibility - Fix syntax errors in ApiPlayground and VoiceCloningDemo - Fix duplicate else-if condition in ApiPlayground - Fix Promise executor async pattern in AutoregressiveAudioDemo - Add TypeScript file support to ESLint config Warnings reduced from 295 to 251 problems. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
sanbuphy
@@ -11,22 +11,34 @@
|
||||
|
||||
<div class="content">
|
||||
<div class="flow">
|
||||
<div class="step" :class="{ done: buildProgress >= 25 }">
|
||||
<div
|
||||
class="step"
|
||||
:class="{ done: buildProgress >= 25 }"
|
||||
>
|
||||
<span class="num">1</span>
|
||||
<span class="text">解析依赖</span>
|
||||
</div>
|
||||
<span class="arrow">→</span>
|
||||
<div class="step" :class="{ done: buildProgress >= 50 }">
|
||||
<div
|
||||
class="step"
|
||||
:class="{ done: buildProgress >= 50 }"
|
||||
>
|
||||
<span class="num">2</span>
|
||||
<span class="text">编译转换</span>
|
||||
</div>
|
||||
<span class="arrow">→</span>
|
||||
<div class="step" :class="{ done: buildProgress >= 75 }">
|
||||
<div
|
||||
class="step"
|
||||
:class="{ done: buildProgress >= 75 }"
|
||||
>
|
||||
<span class="num">3</span>
|
||||
<span class="text">打包压缩</span>
|
||||
</div>
|
||||
<span class="arrow">→</span>
|
||||
<div class="step" :class="{ done: buildProgress >= 100 }">
|
||||
<div
|
||||
class="step"
|
||||
:class="{ done: buildProgress >= 100 }"
|
||||
>
|
||||
<span class="num">4</span>
|
||||
<span class="text">完成</span>
|
||||
</div>
|
||||
@@ -34,12 +46,21 @@
|
||||
|
||||
<div class="progress">
|
||||
<div class="bar">
|
||||
<div class="fill" :style="{ width: `${buildProgress}%` }"></div>
|
||||
<div
|
||||
class="fill"
|
||||
:style="{ width: `${buildProgress}%` }"
|
||||
/>
|
||||
</div>
|
||||
<div class="percent">
|
||||
{{ buildProgress }}%
|
||||
</div>
|
||||
<div class="percent">{{ buildProgress }}%</div>
|
||||
</div>
|
||||
|
||||
<button @click="startBuild" class="build-btn" :disabled="building">
|
||||
<button
|
||||
class="build-btn"
|
||||
:disabled="building"
|
||||
@click="startBuild"
|
||||
>
|
||||
{{ building ? '构建中...' : '▶ 开始构建' }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -34,12 +34,20 @@
|
||||
|
||||
<div class="compare">
|
||||
<div class="col">
|
||||
<div class="title">手动部署</div>
|
||||
<div class="item">❌ 容易出错</div>
|
||||
<div class="title">
|
||||
手动部署
|
||||
</div>
|
||||
<div class="item">
|
||||
❌ 容易出错
|
||||
</div>
|
||||
</div>
|
||||
<div class="col highlight">
|
||||
<div class="title">CI/CD</div>
|
||||
<div class="item">✅ 快速可靠</div>
|
||||
<div class="title">
|
||||
CI/CD
|
||||
</div>
|
||||
<div class="item">
|
||||
✅ 快速可靠
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -12,12 +12,20 @@
|
||||
|
||||
<div class="compare">
|
||||
<div class="col">
|
||||
<div class="title">HTTP</div>
|
||||
<div class="item">❌ 明文传输</div>
|
||||
<div class="title">
|
||||
HTTP
|
||||
</div>
|
||||
<div class="item">
|
||||
❌ 明文传输
|
||||
</div>
|
||||
</div>
|
||||
<div class="col highlight">
|
||||
<div class="title">HTTPS</div>
|
||||
<div class="item">✅ 加密传输</div>
|
||||
<div class="title">
|
||||
HTTPS
|
||||
</div>
|
||||
<div class="item">
|
||||
✅ 加密传输
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -26,7 +26,9 @@
|
||||
</div>
|
||||
|
||||
<div class="backup">
|
||||
<div class="label">上次备份：</div>
|
||||
<div class="label">
|
||||
上次备份：
|
||||
</div>
|
||||
<span class="value">{{ lastBackup }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -7,105 +7,250 @@
|
||||
|
||||
<div class="demo-content">
|
||||
<div class="flow-section">
|
||||
<div class="section-title">开发阶段</div>
|
||||
<div class="section-title">
|
||||
开发阶段
|
||||
</div>
|
||||
<div class="service-flow">
|
||||
<div class="flow-step" :class="{ active: currentStep >= 1 }" @mouseenter="(e) => showTooltip(e, 'git')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Git</div>
|
||||
<div class="tech-term">代码版本控制</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 1 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'git')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Git
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
代码版本控制
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 2 }" @mouseenter="(e) => showTooltip(e, 'cicd')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">CI/CD</div>
|
||||
<div class="tech-term">自动化流水线</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 2 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'cicd')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
CI/CD
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
自动化流水线
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flow-section">
|
||||
<div class="section-title">构建阶段</div>
|
||||
<div class="section-title">
|
||||
构建阶段
|
||||
</div>
|
||||
<div class="service-flow">
|
||||
<div class="flow-step" :class="{ active: currentStep >= 3 }" @mouseenter="(e) => showTooltip(e, 'test')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Test</div>
|
||||
<div class="tech-term">自动化测试</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 3 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'test')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Test
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
自动化测试
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 4 }" @mouseenter="(e) => showTooltip(e, 'build')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Build</div>
|
||||
<div class="tech-term">编译打包</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 4 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'build')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Build
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
编译打包
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 5 }" @mouseenter="(e) => showTooltip(e, 'artifact')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Artifact</div>
|
||||
<div class="tech-term">构建产物存储</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 5 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'artifact')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Artifact
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
构建产物存储
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flow-section">
|
||||
<div class="section-title">部署阶段</div>
|
||||
<div class="section-title">
|
||||
部署阶段
|
||||
</div>
|
||||
<div class="service-flow">
|
||||
<div class="flow-step" :class="{ active: currentStep >= 6 }" @mouseenter="(e) => showTooltip(e, 'server')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Server</div>
|
||||
<div class="tech-term">服务器环境</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 6 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'server')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Server
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
服务器环境
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 7 }" @mouseenter="(e) => showTooltip(e, 'deploy')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Deploy</div>
|
||||
<div class="tech-term">部署应用</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 7 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'deploy')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Deploy
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
部署应用
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 8 }" @mouseenter="(e) => showTooltip(e, 'nginx')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Nginx</div>
|
||||
<div class="tech-term">反向代理</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 8 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'nginx')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Nginx
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
反向代理
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flow-section">
|
||||
<div class="section-title">网络配置</div>
|
||||
<div class="section-title">
|
||||
网络配置
|
||||
</div>
|
||||
<div class="service-flow">
|
||||
<div class="flow-step" :class="{ active: currentStep >= 9 }" @mouseenter="(e) => showTooltip(e, 'https')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">HTTPS</div>
|
||||
<div class="tech-term">SSL证书</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 9 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'https')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
HTTPS
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
SSL证书
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 10 }" @mouseenter="(e) => showTooltip(e, 'cdn')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">CDN</div>
|
||||
<div class="tech-term">内容分发加速</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 10 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'cdn')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
CDN
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
内容分发加速
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 11 }" @mouseenter="(e) => showTooltip(e, 'dns')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">DNS</div>
|
||||
<div class="tech-term">域名解析</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 11 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'dns')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
DNS
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
域名解析
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flow-section">
|
||||
<div class="section-title">运维阶段</div>
|
||||
<div class="section-title">
|
||||
运维阶段
|
||||
</div>
|
||||
<div class="service-flow">
|
||||
<div class="flow-step" :class="{ active: currentStep >= 12 }" @mouseenter="(e) => showTooltip(e, 'monitor')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Monitor</div>
|
||||
<div class="tech-term">监控状态</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 12 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'monitor')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Monitor
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
监控状态
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 13 }" @mouseenter="(e) => showTooltip(e, 'log')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Log</div>
|
||||
<div class="tech-term">日志收集</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 13 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'log')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Log
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
日志收集
|
||||
</div>
|
||||
</div>
|
||||
<span class="flow-arrow">→</span>
|
||||
<div class="flow-step" :class="{ active: currentStep >= 14 }" @mouseenter="(e) => showTooltip(e, 'alert')" @mouseleave="hideTooltip">
|
||||
<div class="step-title">Alert</div>
|
||||
<div class="tech-term">告警通知</div>
|
||||
<div
|
||||
class="flow-step"
|
||||
:class="{ active: currentStep >= 14 }"
|
||||
@mouseenter="(e) => showTooltip(e, 'alert')"
|
||||
@mouseleave="hideTooltip"
|
||||
>
|
||||
<div class="step-title">
|
||||
Alert
|
||||
</div>
|
||||
<div class="tech-term">
|
||||
告警通知
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Teleport to="body">
|
||||
<Transition name="fade">
|
||||
<div v-if="tooltipVisible" class="tooltip-box" :style="tooltipStyle">
|
||||
<div class="tooltip-title">{{ tooltipContent.title }}</div>
|
||||
<div class="tooltip-content" v-html="tooltipContent.content"></div>
|
||||
<div
|
||||
v-if="tooltipVisible"
|
||||
class="tooltip-box"
|
||||
:style="tooltipStyle"
|
||||
>
|
||||
<div class="tooltip-title">
|
||||
{{ tooltipContent.title }}
|
||||
</div>
|
||||
<div
|
||||
class="tooltip-content"
|
||||
v-html="tooltipContent.content"
|
||||
/>
|
||||
</div>
|
||||
</Transition>
|
||||
</Teleport>
|
||||
|
||||
@@ -11,17 +11,29 @@
|
||||
</div>
|
||||
|
||||
<div class="scenarios">
|
||||
<div class="scenario" :class="{ active: scenario === 'personal' }" @click="scenario = 'personal'">
|
||||
<div
|
||||
class="scenario"
|
||||
:class="{ active: scenario === 'personal' }"
|
||||
@click="scenario = 'personal'"
|
||||
>
|
||||
<span class="name">个人博客</span>
|
||||
<span class="spec">1核 1G</span>
|
||||
<span class="cost">¥50/月</span>
|
||||
</div>
|
||||
<div class="scenario" :class="{ active: scenario === 'small' }" @click="scenario = 'small'">
|
||||
<div
|
||||
class="scenario"
|
||||
:class="{ active: scenario === 'small' }"
|
||||
@click="scenario = 'small'"
|
||||
>
|
||||
<span class="name">小型电商</span>
|
||||
<span class="spec">2核 4G</span>
|
||||
<span class="cost">¥300/月</span>
|
||||
</div>
|
||||
<div class="scenario" :class="{ active: scenario === 'medium' }" @click="scenario = 'medium'">
|
||||
<div
|
||||
class="scenario"
|
||||
:class="{ active: scenario === 'medium' }"
|
||||
@click="scenario = 'medium'"
|
||||
>
|
||||
<span class="name">中型应用</span>
|
||||
<span class="spec">4核 8G</span>
|
||||
<span class="cost">¥1000/月</span>
|
||||
|
||||
Reference in New Issue
Block a user