Prechádzať zdrojové kódy

充电价格详情长者模式

zhupeng 3 rokov pred
rodič
commit
f840fd7bb8

+ 25 - 5
pages/searchPile/stationAndPile/chargePriceDetails.vue

@@ -14,7 +14,7 @@
 							{{item.time}}
 						</view>
 						<view class="price">
-							<text style="color: #ff3d00; font-size: 36rpx;">{{item.price.toFixed(2)}}</text>
+							<text  class="price-text">{{item.price.toFixed(2)}}</text>
 							<text class="unit">元/度</text>
 						</view>
 					</view>
@@ -107,6 +107,7 @@
 			);*/
 		},
 		onReady(){
+			this.elderMode = this.carhelp.get('getElderModeClass') == '长辈模式';
 			if(this.elderMode)
 				this.theme('elder')
 			else
@@ -166,13 +167,26 @@
 
 					.time {
 						color: rgba(16, 16, 16, 100);
-						font-size: 32rpx;
+						@include themeify{
+							font-size:themed('font-size3'); 
+						}
+/*						font-size: 32rpx;*/
 					}
 
 					.price {
+						.price-text{
+							color: #ff3d00; 
+							@include themeify{
+								font-size:themed('font-size4'); 
+							}
+/*							font-size: 36rpx;*/
+						}
 						.unit {
 							color: rgba(102, 102, 102, 100);
-							font-size: 28rpx;
+							@include themeify{
+								font-size:themed('font-size2'); 
+							}
+/*							font-size: 28rpx;*/
 							margin-left: 8rpx;
 						}
 					}
@@ -181,7 +195,10 @@
 
 				.unitPrice-serviceCharge {
 					float: right;
-					font-size: 24rpx;
+					@include themeify{
+						font-size:themed('font-size1'); 
+					}
+/*					font-size: 24rpx;*/
 					color: #888888;
 				}
 			}
@@ -191,7 +208,10 @@
 		width: 100%;
 		text-align: center;
 		color: #999999;
-		font-size: 24rpx;
+		@include themeify{
+			font-size:themed('font-size1'); 
+		}
+/*		font-size: 24rpx;*/
 		position: absolute;
 		bottom: 24rpx;
 		left: 0;