fix: 修改图片显示模式为scaleToFill以适配不同尺寸
将ActivitiesCover和AdPage页面的图片显示模式从aspectFill改为scaleToFill,确保图片在不同尺寸设备上都能完整显示
Showing
2 changed files
with
5 additions
and
5 deletions
| 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 | > | ... | ... |
-
Please register or login to post a comment