feat: 高度自适应

2025-11-10 00:13:44 +08:00
parent 019edfa648
commit 1158231bce
1 changed files with 3 additions and 7 deletions
@@ -1,9 +1,9 @@
 <template>
 	<view class="shop-view" @click.stop="onClick">
-		<image :src="obj.url" class="top-img"></image>
+		<image :src="obj.url" class="top-img" mode="widthFix"></image>
 		<view class="shop-bottom-panel">
 			<text class="text-30 text-zu  text-overflow" style="padding-top:8rpx">{{obj.title}}</text>
-			<view class="flex-r-lr" style="width:100%;margin-top:10rpx">
+			<view class="flex-r-lr" style="width:100%;margin-top:10rpx;margin-bottom: 14px;">
 				<text class="text-28 text-zi text-bold">￥{{obj.price}}</text>
 				<text class="text-24 " style="color:#999">已售{{obj.sales}}件</text>
 			</view>
@@ -34,8 +34,6 @@
 <style lang="scss" scoped>
 	.shop-view{
 		width:332rpx;
-		height:416rpx;
-		min-height:416rpx;
 		border-radius: 12rpx;
 		display: flex;
 		flex-direction: column;
@@ -45,13 +43,11 @@
 		background-color: #fff;		
 		.top-img{
 			width:332rpx;
-			// height:268rpx;
-			display: flex;
+			display: block;
 			border-radius: 12rpx;
 		}
 		.shop-bottom-panel{
 			width:100%;
-			height:calc(100% - 268rpx);
 			padding: 0 12rpx;
 			box-sizing: border-box;
 			flex-direction: column;