hookehuyr

feat: 重构首页并迁移静态资源到CDN

- 将本地静态图片资源迁移到CDN服务器
- 重构首页组件,使用动态数据替代硬编码
- 优化法会流程、三师七证和新闻模块的数据处理
- 修复样式问题和添加新功能交互
...@@ -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;
......
...@@ -48,4 +48,4 @@ html, body { ...@@ -48,4 +48,4 @@ html, body {
48 48
49 .content-container { 49 .content-container {
50 padding: 16px; 50 padding: 16px;
51 -}
...\ No newline at end of file ...\ No newline at end of file
51 +}
......
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);
......