hookehuyr

style(ui): 更新视频背景样式和页面布局调整

- 将视频背景改为图片背景
- 调整ChoosePage页面的文本大小
- 在PosterPage底部添加说明文字
1 <!-- 1 <!--
2 * @Date: 2025-12-26 14:15:46 2 * @Date: 2025-12-26 14:15:46
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-12-31 12:52:38 4 + * @LastEditTime: 2025-12-31 16:47:19
5 * @FilePath: /mlaj/src/components/ui/VideoBackground.vue 5 * @FilePath: /mlaj/src/components/ui/VideoBackground.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -122,6 +122,6 @@ const enable_image_fallback = () => { ...@@ -122,6 +122,6 @@ const enable_image_fallback = () => {
122 right: -1px; 122 right: -1px;
123 bottom: -1px; 123 bottom: -1px;
124 left: -1px; 124 left: -1px;
125 - background: #000; 125 + background-image: url(https://cdn.ipadbiz.cn/mlaj/recall/img/bg01@2x.png?imageMogr2/thumbnail/400x/strip/quality/50);
126 } 126 }
127 </style> 127 </style>
......
1 <!-- 1 <!--
2 * @Date: 2025-12-30 13:58:55 2 * @Date: 2025-12-30 13:58:55
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-12-31 13:11:28 4 + * @LastEditTime: 2025-12-31 14:43:54
5 * @FilePath: /mlaj/src/views/recall/ChoosePage.vue 5 * @FilePath: /mlaj/src/views/recall/ChoosePage.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 <!-- 容器靠页面底部对齐 --> 17 <!-- 容器靠页面底部对齐 -->
18 <div class="flex flex-col items-center h-full w-full px-6 pt-16 pb-8 relative mt-auto"> 18 <div class="flex flex-col items-center h-full w-full px-6 pt-16 pb-8 relative mt-auto">
19 <div class="text-white text-center space-y-1 tracking-wider text-shadow-md mb-3"> 19 <div class="text-white text-center space-y-1 tracking-wider text-shadow-md mb-3">
20 - <p class="text-base">{{ viewOther.text }}</p> 20 + <p class="text-lg">{{ viewOther.text }}</p>
21 </div> 21 </div>
22 <!-- Bottom Section --> 22 <!-- Bottom Section -->
23 <div class="mt-auto w-full flex flex-col items-center text-center animate-fade-in-up delay-200"> 23 <div class="mt-auto w-full flex flex-col items-center text-center animate-fade-in-up delay-200">
......
1 <!-- 1 <!--
2 * @Date: 2025-12-23 15:50:59 2 * @Date: 2025-12-23 15:50:59
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-12-26 16:06:36 4 + * @LastEditTime: 2025-12-31 17:04:10
5 * @FilePath: /mlaj/src/views/recall/PosterPage.vue 5 * @FilePath: /mlaj/src/views/recall/PosterPage.vue
6 * @Description: 分享海报页面 6 * @Description: 分享海报页面
7 --> 7 -->
...@@ -23,7 +23,8 @@ ...@@ -23,7 +23,8 @@
23 </div> 23 </div>
24 24
25 <!-- Buttons (Fixed at Bottom) --> 25 <!-- Buttons (Fixed at Bottom) -->
26 - <div class="fixed bottom-0 left-0 right-0 px-8 py-3 flex gap-4 z-50 max-w-md mx-auto w-full"> 26 + <div class="fixed bottom-0 left-0 right-0 px-8 py-3 z-50 max-w-md mx-auto w-full">
27 + <div class="flex gap-4">
27 <van-uploader :after-read="afterRead" accept="image/*" class="flex-1 w-full" :show-upload="false"> 28 <van-uploader :after-read="afterRead" accept="image/*" class="flex-1 w-full" :show-upload="false">
28 <template #default> 29 <template #default>
29 <van-button block color="#0052D9" plain 30 <van-button block color="#0052D9" plain
...@@ -33,6 +34,10 @@ ...@@ -33,6 +34,10 @@
33 </template> 34 </template>
34 </van-uploader> 35 </van-uploader>
35 </div> 36 </div>
37 + <div class="mt-2 text-[12px] leading-[16px] text-white/80 text-center">
38 + 上传您参加活动时的照片,制作独有海报
39 + </div>
40 + </div>
36 </div> 41 </div>
37 </template> 42 </template>
38 43
......