hookehuyr

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

- 将本地静态图片资源迁移到CDN服务器
- 重构首页组件,使用动态数据替代硬编码
- 优化法会流程、三师七证和新闻模块的数据处理
- 修复样式问题和添加新功能交互
......@@ -357,7 +357,7 @@ defineExpose({
left: 0;
width: 100%;
height: 100%;
background-image: url('@/assets/images/02 西园戒幢律寺三坛大戒法会/视频@2x.png');
background-image: url('https://cdn.ipadbiz.cn/stdj/images/home/%E8%A7%86%E9%A2%91@2x.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
......
......@@ -48,4 +48,4 @@ html, body {
.content-container {
padding: 16px;
}
\ No newline at end of file
}
......
This diff is collapsed. Click to expand it.
......@@ -2,10 +2,10 @@
<div class="splash-container" :class="{ 'fade-out': isExiting }">
<!-- 背景图片 -->
<div class="background-image"></div>
<!-- 黑色半透明蒙板 -->
<div class="overlay"></div>
<!-- 初始加载指示器 - 水滴波纹效果 -->
<div class="initial-loader">
<div class="water-drop"></div>
......@@ -14,18 +14,18 @@
<div class="ripple ripple-3"></div>
<div class="ripple ripple-4"></div>
</div>
<!-- 内容层 -->
<div class="splash-content">
<!-- 左上角Logo -->
<div class="logo-section animate-fade-in-up">
<img src="/src/assets/images/01启动页/logo@2x.png" alt="三坛大戒" class="logo-image" />
<img src="https://cdn.ipadbiz.cn/stdj/icon/%E5%90%AF%E5%8A%A8%E9%A1%B5logo@2x.png" alt="三坛大戒" class="logo-image" />
</div>
<!-- 底部按钮 -->
<div class="bottom-section animate-fade-in-up-delay">
<div class="enter-button" @click="enterApp">
<img src="/src/assets/images/01启动页/进入传戒现场@2x.png" alt="进入传戒现场" class="enter-image" />
<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" />
</div>
</div>
</div>
......@@ -78,7 +78,7 @@ onMounted(() => {
left: 0;
right: 0;
bottom: 0;
background-image: url('/src/assets/images/01启动页/海报@2x.png');
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');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
......@@ -123,7 +123,7 @@ onMounted(() => {
background: radial-gradient(circle, #fbbf24 0%, #f59e0b 70%, #d97706 100%);
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow:
box-shadow:
0 0 0.625rem rgba(251, 191, 36, 0.8),
0 0 1.25rem rgba(251, 191, 36, 0.4),
0 0 1.875rem rgba(251, 191, 36, 0.2);
......