From 7ae4e27a487e282b60dc65d7836d1bcd86e7a464 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期一, 27 十月 2025 16:51:43 +0800
Subject: [PATCH] 主页页面，活动弹窗，图片适配
---
pages/storeClaim/storePrizeClaim.vue | 32 +++++++++++++++++++++++---------
1 files changed, 23 insertions(+), 9 deletions(-)
diff --git a/pages/storeClaim/storePrizeClaim.vue b/pages/storeClaim/storePrizeClaim.vue
index 4a3a526..34bb2e4 100644
--- a/pages/storeClaim/storePrizeClaim.vue
+++ b/pages/storeClaim/storePrizeClaim.vue
@@ -18,15 +18,17 @@
<view slot="body" class="card-body">
<!-- 灏侀潰鍥剧墖 -->
<view class="cover-image" v-if="prizeInfo.activityCover">
- <u-image
- :src="prizeInfo.activityCover"
- width="100%"
- height="300rpx"
- mode="aspectFill"
- border-radius="10"
- :fade="true"
- duration="450"
- ></u-image>
+ <view class="image-wrapper">
+ <u-image
+ :src="prizeInfo.activityCover"
+ width="100%"
+ height="300rpx"
+ mode="aspectFit"
+ border-radius="10"
+ :fade="true"
+ duration="450"
+ ></u-image>
+ </view>
</view>
<view class="prize-title">
@@ -273,6 +275,18 @@
</script>
<style lang="scss" scoped>
+.image-wrapper {
+ // 1. 闄愬埗婧㈠嚭锛岀‘淇漚spectFill妯″紡涓嬪浘鐗囦笉瓒呭嚭瀹瑰櫒
+ overflow: hidden;
+ // 2. 鎶婂渾瑙掓斁鍦ㄥ鍣ㄤ笂锛岄伩鍏嶇粍浠舵牱寮忓啿绐�
+ border-radius: 10rpx; // 娉ㄦ剰鍗曚綅锛氬師浠ｇ爜鍐�10锛岄渶琛px锛堝惁鍒欏湪灏忕▼搴忎腑鏃犳晥锛�
+ // 3. 纭繚瀹瑰櫒鍜屽浘鐗囧昂瀵镐竴鑷�
+ width: 100%;
+ height: 300rpx;
+ // 4. 鍏滃簳鑳屾櫙鑹诧紝閬垮厤鍔犺浇鍓嶇┖鐧�
+ background-color: #f5f5f5;
+ margin-bottom: 30rpx; // 淇濇寔鍜屽師甯冨眬涓�鑷寸殑闂磋窛
+}
.container {
background-color: #f5f5f5;
min-height: 100vh;
--
Gitblit v1.8.0