11

pages/card/card.vue

@@ -28,10 +28,10 @@
 						</view>
 					</view>
 					<view
-						style="width: 100%;text-align: center;padding-top: 20px;background: #fcf6f6;border-bottom-left-radius: 20rpx;border-bottom-right-radius: 20rpx;">
+						style="width: 100%;text-align: center;padding-top: 20px;border-bottom-left-radius: 20rpx;border-bottom-right-radius: 20rpx;background-color: #fdf0ee;">
 						<view style="font-size: 16px;color: red;">{{item.pname}}</view>
-						<view
-							style="background-image: url(../../static/card_bg1.png);padding-bottom: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 12px;margin-top: 10px;color: #666;">
+						<view class="bottom"
+							style="padding-bottom: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 12px;margin-top: 10px;color: #666;width: 100%;">
 							{{item.state}}
 						</view>
 					</view>
@@ -105,6 +105,13 @@
 		transition: filter 0.2s;
 	}
 
+	.bottom {
+		/* 加载背景图 */
+		background-image: url(../../static/card_bg1.png);
+		/* 让背景图基于容器大小伸缩 */
+		background-size: cover;
+	}
+
 	.oragin {}
 
 	uni-page-body,