hookehuyr

fix: 修改图片显示模式为scaleToFill以适配不同尺寸

将ActivitiesCover和AdPage页面的图片显示模式从aspectFill改为scaleToFill,确保图片在不同尺寸设备上都能完整显示
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-09-19 17:28:31 4 + * @LastEditTime: 2025-09-19 20:20:21
5 * @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue 5 * @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue
6 * @Description: 活动海报页面 - 展示活动信息并处理定位授权 6 * @Description: 活动海报页面 - 展示活动信息并处理定位授权
7 --> 7 -->
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <image 11 <image
12 :src="defaultPoster" 12 :src="defaultPoster"
13 class="background-image" 13 class="background-image"
14 - mode="aspectFill" 14 + mode="scaleToFill"
15 /> 15 />
16 16
17 <!-- 分享按钮组件 --> 17 <!-- 分享按钮组件 -->
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-09-19 13:48:33 4 + * @LastEditTime: 2025-09-19 20:19:12
5 * @FilePath: /lls_program/src/pages/AdPage/index.vue 5 * @FilePath: /lls_program/src/pages/AdPage/index.vue
6 * @Description: 广告页面 6 * @Description: 广告页面
7 --> 7 -->
...@@ -11,13 +11,13 @@ ...@@ -11,13 +11,13 @@
11 <image 11 <image
12 :src="adImageUrl" 12 :src="adImageUrl"
13 class="ad-background" 13 class="ad-background"
14 - mode="aspectFill" 14 + mode="scaleToFill"
15 @tap="handleImageClick" 15 @tap="handleImageClick"
16 /> 16 />
17 17
18 <!-- 右上角分享按钮 --> 18 <!-- 右上角分享按钮 -->
19 <view class="share-button-container" @tap.stop> 19 <view class="share-button-container" @tap.stop>
20 - <button 20 + <button
21 class="share-button" 21 class="share-button"
22 open-type="share" 22 open-type="share"
23 > 23 >
......