feat: 重构首页并迁移静态资源到CDN
- 将本地静态图片资源迁移到CDN服务器 - 重构首页组件,使用动态数据替代硬编码 - 优化法会流程、三师七证和新闻模块的数据处理 - 修复样式问题和添加新功能交互
Showing
4 changed files
with
10 additions
and
10 deletions
| ... | @@ -357,7 +357,7 @@ defineExpose({ | ... | @@ -357,7 +357,7 @@ defineExpose({ |
| 357 | left: 0; | 357 | left: 0; |
| 358 | width: 100%; | 358 | width: 100%; |
| 359 | height: 100%; | 359 | height: 100%; |
| 360 | - background-image: url('@/assets/images/02 西园戒幢律寺三坛大戒法会/视频@2x.png'); | 360 | + background-image: url('https://cdn.ipadbiz.cn/stdj/images/home/%E8%A7%86%E9%A2%91@2x.png'); |
| 361 | background-size: contain; | 361 | background-size: contain; |
| 362 | background-repeat: no-repeat; | 362 | background-repeat: no-repeat; |
| 363 | background-position: center; | 363 | background-position: center; | ... | ... |
This diff is collapsed. Click to expand it.
| ... | @@ -2,10 +2,10 @@ | ... | @@ -2,10 +2,10 @@ |
| 2 | <div class="splash-container" :class="{ 'fade-out': isExiting }"> | 2 | <div class="splash-container" :class="{ 'fade-out': isExiting }"> |
| 3 | <!-- 背景图片 --> | 3 | <!-- 背景图片 --> |
| 4 | <div class="background-image"></div> | 4 | <div class="background-image"></div> |
| 5 | - | 5 | + |
| 6 | <!-- 黑色半透明蒙板 --> | 6 | <!-- 黑色半透明蒙板 --> |
| 7 | <div class="overlay"></div> | 7 | <div class="overlay"></div> |
| 8 | - | 8 | + |
| 9 | <!-- 初始加载指示器 - 水滴波纹效果 --> | 9 | <!-- 初始加载指示器 - 水滴波纹效果 --> |
| 10 | <div class="initial-loader"> | 10 | <div class="initial-loader"> |
| 11 | <div class="water-drop"></div> | 11 | <div class="water-drop"></div> |
| ... | @@ -14,18 +14,18 @@ | ... | @@ -14,18 +14,18 @@ |
| 14 | <div class="ripple ripple-3"></div> | 14 | <div class="ripple ripple-3"></div> |
| 15 | <div class="ripple ripple-4"></div> | 15 | <div class="ripple ripple-4"></div> |
| 16 | </div> | 16 | </div> |
| 17 | - | 17 | + |
| 18 | <!-- 内容层 --> | 18 | <!-- 内容层 --> |
| 19 | <div class="splash-content"> | 19 | <div class="splash-content"> |
| 20 | <!-- 左上角Logo --> | 20 | <!-- 左上角Logo --> |
| 21 | <div class="logo-section animate-fade-in-up"> | 21 | <div class="logo-section animate-fade-in-up"> |
| 22 | - <img src="/src/assets/images/01启动页/logo@2x.png" alt="三坛大戒" class="logo-image" /> | 22 | + <img src="https://cdn.ipadbiz.cn/stdj/icon/%E5%90%AF%E5%8A%A8%E9%A1%B5logo@2x.png" alt="三坛大戒" class="logo-image" /> |
| 23 | </div> | 23 | </div> |
| 24 | - | 24 | + |
| 25 | <!-- 底部按钮 --> | 25 | <!-- 底部按钮 --> |
| 26 | <div class="bottom-section animate-fade-in-up-delay"> | 26 | <div class="bottom-section animate-fade-in-up-delay"> |
| 27 | <div class="enter-button" @click="enterApp"> | 27 | <div class="enter-button" @click="enterApp"> |
| 28 | - <img src="/src/assets/images/01启动页/进入传戒现场@2x.png" alt="进入传戒现场" class="enter-image" /> | 28 | + <img src="https://cdn.ipadbiz.cn/stdj/icon/%E8%BF%9B%E5%85%A5%E4%BC%A0%E6%88%92%E7%8E%B0%E5%9C%BA@2x.png" alt="进入传戒现场" class="enter-image" /> |
| 29 | </div> | 29 | </div> |
| 30 | </div> | 30 | </div> |
| 31 | </div> | 31 | </div> |
| ... | @@ -78,7 +78,7 @@ onMounted(() => { | ... | @@ -78,7 +78,7 @@ onMounted(() => { |
| 78 | left: 0; | 78 | left: 0; |
| 79 | right: 0; | 79 | right: 0; |
| 80 | bottom: 0; | 80 | bottom: 0; |
| 81 | - background-image: url('/src/assets/images/01启动页/海报@2x.png'); | 81 | + background-image: url('https://cdn.ipadbiz.cn/stdj/images/%E5%90%AF%E5%8A%A8%E9%A1%B5%E6%B5%B7%E6%8A%A5%E8%83%8C%E6%99%AF@2x.png'); |
| 82 | background-size: cover; | 82 | background-size: cover; |
| 83 | background-position: center; | 83 | background-position: center; |
| 84 | background-repeat: no-repeat; | 84 | background-repeat: no-repeat; |
| ... | @@ -123,7 +123,7 @@ onMounted(() => { | ... | @@ -123,7 +123,7 @@ onMounted(() => { |
| 123 | background: radial-gradient(circle, #fbbf24 0%, #f59e0b 70%, #d97706 100%); | 123 | background: radial-gradient(circle, #fbbf24 0%, #f59e0b 70%, #d97706 100%); |
| 124 | border-radius: 50%; | 124 | border-radius: 50%; |
| 125 | transform: translate(-50%, -50%); | 125 | transform: translate(-50%, -50%); |
| 126 | - box-shadow: | 126 | + box-shadow: |
| 127 | 0 0 0.625rem rgba(251, 191, 36, 0.8), | 127 | 0 0 0.625rem rgba(251, 191, 36, 0.8), |
| 128 | 0 0 1.25rem rgba(251, 191, 36, 0.4), | 128 | 0 0 1.25rem rgba(251, 191, 36, 0.4), |
| 129 | 0 0 1.875rem rgba(251, 191, 36, 0.2); | 129 | 0 0 1.875rem rgba(251, 191, 36, 0.2); | ... | ... |
-
Please register or login to post a comment