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,15 +23,20 @@ ...@@ -23,15 +23,20 @@
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 - <van-uploader :after-read="afterRead" accept="image/*" class="flex-1 w-full" :show-upload="false"> 27 + <div class="flex gap-4">
28 - <template #default> 28 + <van-uploader :after-read="afterRead" accept="image/*" class="flex-1 w-full" :show-upload="false">
29 - <van-button block color="#0052D9" plain 29 + <template #default>
30 - class="!rounded-lg !h-[44px] !text-[15px] !font-bold w-full !border-[#0052D9] !bg-white"> 30 + <van-button block color="#0052D9" plain
31 - 更换图片 31 + class="!rounded-lg !h-[44px] !text-[15px] !font-bold w-full !border-[#0052D9] !bg-white">
32 - </van-button> 32 + 更换图片
33 - </template> 33 + </van-button>
34 - </van-uploader> 34 + </template>
35 + </van-uploader>
36 + </div>
37 + <div class="mt-2 text-[12px] leading-[16px] text-white/80 text-center">
38 + 上传您参加活动时的照片,制作独有海报
39 + </div>
35 </div> 40 </div>
36 </div> 41 </div>
37 </template> 42 </template>
......