详情页 推送

pages/searchPile/stationAndPile/charging/chargingPileDetails.vue

@@ -359,7 +359,17 @@
 			<view class="carImg" v-if="personInfo&&personInfo.userType!=2">
 					<img @click="gotoLogin" src="@/assets/img/gologin/img.png">
 			</view>
-			<view class="carImg3"  :class="{
+			
+			<view  class="class20250501" v-else-if="!userCardBool">
+				<view class="body1">
+					<view class="text1">近半年您已花费<span>560</span>元用于充电</view>
+					<view class="text2">如参与充值送折扣卡活动，预计可省 <span>42.8</span> 元</view>
+				</view>
+				<view class="body2">
+					<view class="botton">查看活动详情</view>
+				</view>
+			</view>
+		<!-- 	<view class="carImg3"  :class="{
 				'carImg3-yue':!prevMonthKwhBL
 			}"
 			 v-else-if="carImg3Bl&&!userCardBool">
@@ -401,7 +411,7 @@
 					</view>
 					</view>
 			
-			</view>
+			</view> -->
 			
 			<view class="slogan-4 " v-show="bannerListTop.length"
 				@click="showTop=true,getBannerInfoTopBl=true">
@@ -3091,4 +3101,42 @@
 			border: 1px solid #00B962;
 		}
 	}
+	
+	.class20250501{
+		width: 670rpx;
+		height: 200rpx;
+		background: url(@/assets/img/20250501/char-index-1.png) ;
+		    background-size: 100%;
+			margin: 0 40rpx;
+			//background: linear-gradient(32.4deg, rgba(59,182,254,1) 20.49%,rgba(0,185,98,1) 118.87%);
+			border-radius: 8px;
+			padding:32rpx 32rpx 16rpx 32rpx;
+			    display: flex;
+			    flex-direction: column;
+			    justify-content: space-between;
+				.body1{
+					color: #fff;
+					font-size: 32rpx;
+					span{
+						
+					}
+					.text1{
+						font-weight: bold;
+					}
+					.text2{
+						
+					}
+				}
+				.body2{
+					.botton{
+						    padding: 2px 6px;
+						line-height: 20px;
+						border-radius: 50px;
+						background-color: rgba(255, 255, 255, 1);
+						font-size: 12px;
+						color: rgba(0, 130, 69, 1);
+
+					}
+				}
+	}
 </style>