feat: enhance demo components with consistent styling and info boxes
- Add standardized header and info box components to all demo files - Improve visual consistency with theme colors and spacing - Add max-height and overflow-y for better content containment - Update package.json build script with --force flag - Add .gitignore entries for REFACTORING files - Fix table formatting in audio-intro.md
This commit is contained in:
@@ -4,9 +4,10 @@
|
||||
-->
|
||||
<template>
|
||||
<div class="upload-process-demo">
|
||||
<div class="header">
|
||||
<div class="title">文件上传流程</div>
|
||||
<div class="subtitle">直传 vs 分片上传 vs 断点续传</div>
|
||||
<div class="demo-header">
|
||||
<span class="icon">📤</span>
|
||||
<span class="title">文件上传流程</span>
|
||||
<span class="subtitle">理解直传、分片、断点续传三种方式</span>
|
||||
</div>
|
||||
|
||||
<!-- 上传方式选择 -->
|
||||
@@ -179,6 +180,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<span class="icon">💡</span>
|
||||
<strong>核心思想:</strong>大文件分片上传提高可靠性,网络中断可以从断点续传,避免重复上传整个文件。
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user