style(ui): 更新视频背景样式和页面布局调整
- 将视频背景改为图片背景 - 调整ChoosePage页面的文本大小 - 在PosterPage底部添加说明文字
Showing
3 changed files
with
19 additions
and
14 deletions
| 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> | ... | ... |
-
Please register or login to post a comment