zhengkaixin 2 年之前
父节点
当前提交
9b85dc5858
共有 1 个文件被更改,包括 38 次插入37 次删除
  1. 38 37
      pages/index/index.vue

+ 38 - 37
pages/index/index.vue

@@ -4,7 +4,7 @@
 		<!-- 头部图片 -->
 		<!-- 头部图片 -->
 		<view class="banner">
 		<view class="banner">
 			 <u-swiper  bg-color="#fff" 
 			 <u-swiper  bg-color="#fff" 
-			 :img-mode="'scaleToFill'" height="400" 
+			 :img-mode="'scaleToFill'" height="320" 
 			 :list="bannerList" @click="clickBanner"  :name="'picUrl'" >
 			 :list="bannerList" @click="clickBanner"  :name="'picUrl'" >
 			</u-swiper> 
 			</u-swiper> 
 			
 			
@@ -83,9 +83,39 @@
 			</view>
 			</view>
 		</u-mask>
 		</u-mask>
 
 
-
-
 		<view style="height:50px"></view>
 		<view style="height:50px"></view>
+
+		
+		<!-- 充值活动 -->
+		<view class=" top-up" v-if="activityList.length > 0 && description == '0:0:0'">
+			<view class="top-up-title oldTextjp" oldstyle="font-size:20px;"><text class="line"></text>最新活动</view>
+			<view class="img-box">
+				<view class="img-1" v-for="(item,index) in activityList" :key="item.id"
+					@click="rechargeActivity(index)">
+					<img :src="item.picUrl" alt="">
+				</view>
+			</view>
+		</view>
+		<!-- 最新活动 -->
+		<view class=" top-up" v-if="description != '0:0:0'">
+			<view class="top-up-title oldTextjp" oldstyle="font-size:20px;"><text class="line"></text>最新活动</view>
+			<view class="img-box2">
+				<view class="left-image" @click="gotoUrl('pages/monthlyCardActivity/monthlyCardBuy')">
+					<p>充电免服务费包月卡</p>
+					<view class="time-activities">
+						距活动结束仅剩 <text class="time">{{description}}</text>
+					</view>
+				</view>
+				<view class="right-image">
+			
+					<!-- <img class="margin-bottom" v-for="(item,index) in activityList" :key="item.id" 
+						@click="rechargeActivity(index)" :src="item.picUrl" alt=""> -->
+					<img class="margin-bottom" src="../../assets/img/topup2.png" alt="" @click="rechargeActivity(0)">
+					<img class="margin-bottom" src="../../assets/img/topup3.png" alt="" @click="rechargeActivity(1)">
+				</view>
+		
+			</view>
+		</view>
 		<template v-if="message == 'getLocation:ok' && stationList.length != 0 && chargeList.length == 0">
 		<template v-if="message == 'getLocation:ok' && stationList.length != 0 && chargeList.length == 0">
 		
 		
 			<!-- 充值活动 -->
 			<!-- 充值活动 -->
@@ -188,36 +218,7 @@
 			</view>
 			</view>
 		</view>
 		</view>
 
 
-		<!-- 充值活动 -->
-		<view class=" top-up" v-if="activityList.length > 0 && description == '0:0:0'">
-			<view class="top-up-title oldTextjp" oldstyle="font-size:20px;"><text class="line"></text>最新活动</view>
-			<view class="img-box">
-				<view class="img-1" v-for="(item,index) in activityList" :key="item.id"
-					@click="rechargeActivity(index)">
-					<img :src="item.picUrl" alt="">
-				</view>
-			</view>
-		</view>
-		<!-- 最新活动 -->
-		<view class=" top-up" v-if="description != '0:0:0'">
-			<view class="top-up-title oldTextjp" oldstyle="font-size:20px;"><text class="line"></text>最新活动</view>
-			<view class="img-box2">
-				<view class="left-image" @click="gotoUrl('pages/monthlyCardActivity/monthlyCardBuy')">
-					<p>充电免服务费包月卡</p>
-					<view class="time-activities">
-						距活动结束仅剩 <text class="time">{{description}}</text>
-					</view>
-				</view>
-				<view class="right-image">
-			
-					<!-- <img class="margin-bottom" v-for="(item,index) in activityList" :key="item.id" 
-						@click="rechargeActivity(index)" :src="item.picUrl" alt=""> -->
-					<img class="margin-bottom" src="../../assets/img/topup2.png" alt="" @click="rechargeActivity(0)">
-					<img class="margin-bottom" src="../../assets/img/topup3.png" alt="" @click="rechargeActivity(1)">
-				</view>
-
-			</view>
-		</view>
+	
 		
 		
 		<!-- 新闻 -->
 		<!-- 新闻 -->
 		<view class="news-title" v-if="newsList.length > 0">
 		<view class="news-title" v-if="newsList.length > 0">
@@ -558,7 +559,7 @@
 				newsApi.getBannerInfo(code).then((res) => {
 				newsApi.getBannerInfo(code).then((res) => {
 					this.bannerList =res.data;
 					this.bannerList =res.data;
 					uni.hideLoading()
 					uni.hideLoading()
-					 document.getElementsByClassName("uni-swiper-wrapper")[0].parentNode.style="background-color: rgb(255, 255, 255); height: 200px;"
+					 document.getElementsByClassName("uni-swiper-wrapper")[0].parentNode.style="background-color: rgb(255, 255, 255); height: 160px;"
 				 }).catch(error => {
 				 }).catch(error => {
 						uni.showToast({
 						uni.showToast({
 						
 						
@@ -824,7 +825,7 @@
 
 
 	.banner {
 	.banner {
 		width: 100%;
 		width: 100%;
-		height: 200px;
+		height: 160px;
 
 
 
 
 	}
 	}
@@ -833,8 +834,8 @@
 	// 选项列表
 	// 选项列表
 	.option-list {
 	.option-list {
 		width: 91.4%;
 		width: 91.4%;
-		padding-top: 18px;
-		height: 100px;
+		padding-top: 10px;
+		height: 90px;
 		line-height: 20px;
 		line-height: 20px;
 		border-radius: 8px;
 		border-radius: 8px;
 		text-align: center;
 		text-align: center;