充电长者模式

_theme.scss

@@ -27,7 +27,7 @@ font-size16: 88rpx,
 font-size17: 92rpx,
 font-size18: 96rpx,
 font-size19: 100rpx,
-
+buttonWidth1: 160rpx,
 buttonWidth: 300rpx,
 fontWeight: bold!important,
 font_color1: #410311,
@@ -74,6 +74,7 @@ font_color2: white,
 fontWeight: normal,
 font_colorLabel:#9f9c99,
 letterSpacing:0px,
+buttonWidth1: 140rpx,
 buttonWidth: 260rpx,
 cardHeight:360rpx,
 //背景

pages/searchPile/chargeProcess/charge.vue

@@ -79,11 +79,7 @@
 				</view>
 				
 			 </view>
-			 <view style="color: rgba(153, 153, 153, 100);
-			 margin-top: 10px;
-			 font-size: 12px;
-			 text-align: left;
-			 font-family: AlibabaPuHui-regular;"><span style="color:red">*</span>{{couponsuse}}</view>
+			 <view class="couponsuse"  ><span style="color:red">*</span>{{couponsuse}}</view>
 			 
 			
 		</view>
@@ -416,7 +412,10 @@
 	}
 
 	.recharge-item:last-child {
-		font-size: 14px !important;
+		@include themeify{
+			font-size: themed('font-size2') !important;
+		}
+/*		font-size: 14px !important;*/
 		color: #999999;
 
 	}
@@ -429,7 +428,10 @@
 		padding: 16px;
 		padding-bottom: 80px;
 		.title {
-			font-size: 16px;
+			@include themeify{
+				font-size: themed('font-size3');
+			}
+/*			font-size: 16px;*/
 		}
 
 		p {
@@ -459,7 +461,10 @@
 				border-radius: 4px;
 				text-align: center;
 				margin-bottom: 10px;
-				font-size: 16px;
+				@include themeify{
+					font-size: themed('font-size3');
+				}
+/*				font-size: 16px;*/
 			}
 
 			.active {
@@ -471,11 +476,16 @@
 
 		.self-stop {
 			width: 105px;
-			height: 48px;
-			line-height: 48px;
+/*			height: 48px;
+			line-height: 48px;*/
 			border-radius: 4px;
 			color: #101010;
-			font-size: 16px;
+			@include themeify{
+				font-size: themed('font-size3');
+				height:themed('font-size19');
+				line-height:themed('font-size19')
+			}
+/*			font-size: 16px;*/
 			text-align: center;
 			font-family: Arial;
 			border: 1px solid rgba(227, 227, 227, 100);
@@ -524,21 +534,33 @@
 
 			.title-1 {
 			
-				height: 22px;
+/*				height: 22px;*/
 				color: rgba(16, 16, 16, 100);
-				font-size: 16px;
+				@include themeify{
+					font-size: themed('font-size3');
+					height:themed('font-size6'); 
+				}
+/*				font-size: 16px;*/
 			}
 
 			.title-2 {
 				margin-left: 4px;
-				font-size: 14px;
-				line-height: 20px;
+				@include themeify{
+					font-size: themed('font-size2');
+					line-height:themed('font-size5'); 
+				}
+/*				font-size: 14px;
+				line-height: 20px;*/
 			}
 
 			.title-3 {
 				float: right;
-				height: 19px;
-				font-size: 16px;
+				@include themeify{
+					font-size: themed('font-size3');
+					line-height:themed('font-size5'); 
+				}
+/*				height: 19px;
+				font-size: 16px;*/
 			}
 		}
 
@@ -574,8 +596,8 @@
 
 		.explain {
 			width: 64px;
-			height: 24px;
-			line-height: 24px;
+/*			height: 24px;
+			line-height: 24px;*/
 			position: absolute;
 			top: 10px;
 			right: 12px;
@@ -584,7 +606,12 @@
 			text-align: center;
 			border: 1px solid rgba(227, 227, 227, 100);
 			color: rgba(0, 185, 98, 100);
-			font-size: 12px;
+/*			font-size: 12px;*/
+			@include themeify{
+				font-size: themed('font-size1');
+				line-height:themed('font-size7'); 
+				height:themed('font-size7'); 
+			}
 		}
 	}
 	
@@ -595,25 +622,40 @@
 		display: flex;
 		justify-content: space-between;
 		.left{
-				width: 70px;
+/*				width: 70px;*/
 			// height: 20px;
 			color: rgba(16, 16, 16, 100);
-			font-size: 20px;
+/*			font-size: 20px;*/
+			@include themeify{
+				width:themed('buttonWidth1');
+				font-size: themed('font-size5'); 
+			}
 		}
 		.right{
-		
+		/*
 			height: 16px;
-			line-height: 28px;
+			line-height: 28px;*/
 			color: rgba(255, 61, 0, 100);
-			font-size: 16px;
+			@include themeify{
+				font-size: themed('font-size3'); 
+				height: themed('font-size3'); 
+				line-height: themed('font-size9');
+								
+			}
+/*			font-size: 16px;*/
 			text-align: right;
 			display: flex;
 		}
 		.iconfont{
-			line-height: 29px;
+			@include themeify{
+				font-size: themed('font-size7');  
+				line-height: themed('font-size10');
+								
+			}
+/*			line-height: 29px;*/
 			text-align: center;
 			color: #b3b3b3;
-			font-size: 24px;
+/*			font-size: 24px;*/
 			
 			
 		}
@@ -633,15 +675,31 @@
 	
 		.botton {
 			//width: 343px;
-			height: 40px;
-			line-height: 40px;
+/*			height: 40px;
+			line-height: 40px;*/
 			border-radius: 50px;
 			background-color: rgba(0, 185, 98, 100);
 			color: rgba(255, 255, 255, 100);
-			font-size: 16px;
+/*			font-size: 16px;*/
+			@include themeify{
+				font-size: themed('font-size3');  
+				line-height: themed('font-size15');
+				height: themed('font-size15');			
+			}
 			text-align: center;
 			margin: 0 auto;
 		}
 	
 	}
+	
+	.couponsuse{
+		color: rgba(153, 153, 153, 100);
+		margin-top: 10px;
+		@include themeify{
+			font-size: themed('font-size1'); 
+		}
+/*		font-size: 12px;*/
+		text-align: left;
+		font-family: AlibabaPuHui-regular;
+	}
 </style>