优惠卷

pages/my/cardRoll.vue

@@ -13,7 +13,11 @@
 		<view class="body">
 			<view class="cardItem">
 				<view class="cardItemTop">
-					<image class="cardImg" src="" mode="aspectFill"></image>
+					<!-- <image class="cardImg" src="" mode="aspectFill"></image> -->
+					<view class="cardImg">
+						<view class="cardImgText">车辆保养卡</view>
+						<image class="cardImgBg" src="../../static/images/cardRollBg.png" mode="aspectFit"></image>
+					</view>
 					<view class="cardInfo">
 						<view class="cardName">车辆保养卡</view>
 						<view class="cardEndDate">2024-09-20</view>
@@ -98,6 +102,28 @@
 				width: 136rpx;
 				height: 100rpx;
 				background-color: #efefef;
+				
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				
+				position: relative;
+				
+				.cardImgText {
+					color: #fff;
+					font-size: 24rpx;
+					position: relative;
+					z-index: 2;
+				}
+				
+				.cardImgBg {
+					position: absolute;
+					width: 100%;
+					height: 100%;
+					top: 0;
+					left: 0;
+					z-index: 1;
+				}
 			}
 
 			.cardInfo {