样式修改

pages/index/index.vue

@@ -50,23 +50,33 @@
 		</view>
         
 		<!-- 模式选择 -->
+		<u-mask :show="show" @click="show = false"></u-mask>
 		<view class="shema">
 			<view class="title">
 				设置浏览模式
 			</view>
 			<view class="">
-					<u-radio-group v-model="value" @change="radioGroupChange" wrap="true">
+					<u-radio-group v-model="value" >
 						<u-radio 
-							@change="radioChange" 
+							
 							v-for="(item, index) in list" :key="index" 
 							:name="item.name"
-							:disabled="item.disabled"
+							
+							active-color="red"
 						>
 							{{item.name}}
+							<p>字体更大 看的清楚</p>
 						</u-radio>
+							
 					</u-radio-group>
 				</view>
+				<view class="hint">可在 {{""}}我的-设置 {{""}}页面中切换</view>
+				<view class="btn-box">
+						<u-button class="choice-btn" type="success" shape="circle" >我选好了</u-button>
+				</view>
 		</view>
+
+ 
  <view style="height:50px"></view>  
 		<!-- 站点 -->
 		<view class="station" v-if="message == 'getLocation:ok' && chargeList.length == 0" @click="gotoUrl('pages/searchPile/stationAndPile/stationDetails?id=' + stationData.id)">
@@ -983,11 +993,11 @@
 
 	.shema{
 		width: 80.8%;
-		height: 389px;
+		padding-bottom: 20px;
 		border-radius: 16px;
 		background-color: #fff;
 		position: fixed;
-		top: 195px;
+		top: 150px;
 		left: 0;
 		right: 0;
 	   margin: 0 auto;
@@ -999,13 +1009,42 @@
 		   text-align: center;
 		   padding: 16px 0 ;
 	   }
-	   .u-radio{
-		   width: 68%;
-		   height: 100px;
+	   .u-radio-group{
+		  margin: 16px 24px;
+		  
+	   }
+	   /deep/.u-radio{
+		     width:68vw !important; 
+		   padding: 24px 24px 50px;
 		   line-height: 20px;
 		   border-radius: 16px;
 		   text-align: center;
-		   margin: 0 auto;
+		  border: #101010 1px solid;
+		  margin-top: 12px;
+		
+	   }
+	  /deep/ .u-radio__label{
+		   text-align: left;
+		   height: 24px;
+		   // color: rgba(0, 185, 98, 100);
+		   font-size: 24px;
+
+	   }
+	   p{
+		   height: 22px;
+		   color: rgba(102, 102, 102, 100);
+		   font-size: 16px;
+		   margin-top: 12px;
+	   }
+	   .hint{
+		   text-align: center;
+		  
+	   }
+	   .btn-box{
+		   margin-top: 20px;
+		   .choice-btn{
+			   width: 80%;
+		   }
 	   }
 	}
 

pages/user/coupon/myCoupon.vue

@@ -169,7 +169,7 @@
 		</view>
 	
 	 <!-- 已使用 -->
-	  <view class="used" v-show="current==1">
+	  <view class="used" v-show="current==1" style="opacity: 0.6;">
 		  <view class="list-item">
 		  	<view class="voucher">充值券抵扣</view>
 		  	<view class="content">
@@ -249,7 +249,7 @@
 		  
 	  </view>
 	<!-- 已过期 -->
-	<view class="overdue" v-show="current==2">
+	<view class="overdue" v-show="current==2" style="opacity: 0.6;">
 		<view class="list-item">
 			<view class="voucher">充值券抵扣</view>
 			<view class="content">