Merge branch 'master' of http://47.92.161.104:10080/zkx/JP-ChargeTeam51

_theme.scss

@@ -0,0 +1,221 @@
+//当HTML的data-theme为dark时，样式引用dark
+//data-theme为其他值时，就采用组件库的默认样式
+//这里我只定义了两套主题方案，想要再多只需在`$themes`里加就行了
+//注意一点是，每套配色方案里的key可以自定义但必须一致，不然就会混乱
+ 
+$themes: (
+ 
+elder: (
+//字体
+font-size0: 12px,
+font-size1: 14px,
+font-size2: 16px,
+font-size3: 18px,
+font-size4: 20px,
+font-size5: 22px,
+font-size6: 24px,
+font-size7: 26px,
+font-size8: 28px,
+font-size9: 30px,
+font-size10: 32px,
+font-size11: 34px,
+font-size12: 36px,
+font-size13: 38px,
+buttonWidth: 300rpx,
+fontWeight: bold!important,
+font_color1: #410311,
+font_color2: white,
+font_colorLabel:#000000,
+letterSpacing:2px,
+cardHeight:390rpx,
+//背景
+background_color1: #3422ff,
+background_color2: #f0f2f5,
+background_color3: red,
+background_color4: #2674e7,
+ 
+//边框
+border_color1: #3d414a,
+ 
+),
+ 
+standard: (
+//字体
+font-size0: 10px,
+font-size1: 12px,
+font-size2: 14px,
+font-size3: 16px,
+font-size4: 18px,
+font-size5: 20px,
+font-size6: 22px,
+font-size7: 24px,
+font-size8: 26px,
+font-size9: 28px,
+font-size10: 30px,
+font-size11: 32px,
+font-size12: 34px,
+font-size13: 36px,
+
+font_color1: #a77439,
+font_color2: white,
+fontWeight: normal,
+font_colorLabel:#9f9c99,
+letterSpacing:0px,
+buttonWidth: 260rpx,
+cardHeight:360rpx,
+//背景
+background_color1: #1b2531,
+background_color2: #283142,
+background_color3: #1e6ceb,
+background_color4: #323e4e,
+ 
+//边框
+border_color1: #3d414a,
+ 
+)
+);
+
+//遍历主题map
+@mixin themeify {
+@each $theme-name, $theme-map in $themes {
+//!global 把局部变量强升为全局变量
+$theme-map: $theme-map !global;
+//判断html的data-theme的属性值  #{}是sass的插值表达式
+//& sass嵌套里的父容器标识   @content是混合器插槽，像vue的slot
+[data-theme="#{$theme-name}"] & {
+@content;
+}
+}
+}
+ 
+//声明一个根据Key获取颜色的function
+@function themed($key) {
+@return map-get($theme-map, $key);
+}
+
+.font1{
+		@include themeify{
+			font-size: themed('font-size1');
+		}
+	}
+	
+.font2{
+		@include themeify{
+			font-size: themed('font-size2');
+		}
+	}
+.font3{
+		@include themeify{
+			font-size: themed('font-size3');
+		}
+	}
+.font4{
+		@include themeify{
+			font-size: themed('font-size4');
+		}
+	}
+.font5{
+		@include themeify{
+			font-size: themed('font-size5');
+		}
+	}
+.font6{
+		@include themeify{
+			font-size: themed('font-size6');
+		}
+	}
+.font7{
+		@include themeify{
+			font-size: themed('font-size7');
+		}
+	}
+.font8{
+		@include themeify{
+			font-size: themed('font-size8');
+		}
+	}
+.font9{
+		@include themeify{
+			font-size: themed('font-size9');
+		}
+	}
+.font10{
+		@include themeify{
+			font-size: themed('font-size10');
+		}
+	}				
+						
+			
+
+.font-weight1{
+		@include themeify{
+			font-size: themed('font-size1');
+			font-weight:themed('font-weight1');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+	
+.font-weight2{
+		@include themeify{
+			font-size: themed('font-size2');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight3{
+		@include themeify{
+			font-size: themed('font-size3');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight4{
+		@include themeify{
+			font-size: themed('font-size4');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight5{
+		@include themeify{
+			font-size: themed('font-size5');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight6{
+		@include themeify{
+			font-size: themed('font-size6');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight7{
+		@include themeify{
+			font-size: themed('font-size7');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight8{
+		@include themeify{
+			font-size: themed('font-size8');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight9{
+		@include themeify{
+			font-size: themed('font-size9');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}
+.font-weight10{
+		@include themeify{
+			font-size: themed('font-size10');
+			font-weight:themed('fontWeight');
+			letter-spacing: themed('letterSpacing');
+		}
+	}				
+			 

components/Chargermap.vue

@@ -176,6 +176,7 @@
 			},
 			calculateDistance(startLngLat,endLngLat){
 				
+				
 				var _this = this;
 				//var endLngLat = [item.longitude,item.latitude];
 				return new Promise((resolve, reject) => {
@@ -184,19 +185,10 @@
 						// 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
 						policy: AMap.DrivingPolicy.LEAST_TIME
 					  })
-					  
-					 //var startLngLat = [116.379028, 39.865042]
-					 //var endLngLat = [116.427281, 39.903719]
+					   
 					 
 					  driving.search(startLngLat, endLngLat, function (status, result) {
-							//console.log(result)
-							//console.log(result.routes[0].time)//秒
-							//console.log(result.routes[0].distance)//米
-							//item.distance = result.routes[0].distance/1000;
-							//item.time = result.routes[0].time/60;
-							/*uni.showToast({
-								title:result.routes[0].time+"秒，"+result.routes[0].distance+"米"
-							})*/
+							 
 							resolve(result.routes[0])
 					  })
 					  /*
@@ -216,53 +208,53 @@
 				})
 			 
 			},
-			searchBtn(startLngLat,endLst){
+			calcDistances(startLngLat,endLst){
 				var _this = this;
 				
+//				console.log('endLst'+JSON.stringify(endLst));
+				for(let i=0;i< endLst.length;i++)
+				 {
+					 let item = endLst[i];
+					 let endLngLat = [item.longitude,item.latitude]
+				 	 //if(endLst[i].distance == null){
+						 var lnglat = new AMap.LngLat(startLngLat[0],startLngLat[1]);
+						 var myDistance = lnglat.distance(endLngLat);
+						 //_self.stationDetail.station.distance = myDistance/1000;
+						 //_self.stationDetail.station.time = myDistance/500;  
+						 endLst[i].distance = myDistance/1000.0;
+						 endLst[i].time = myDistance/500.0; 	
+						 
+					 /*}else{
+						 endLst[i].time = endLst[i].distance/500.0; 	
+					 }*/
+					 
+				}
+				
+				/*
 				AMap.plugin('AMap.Driving', function() {
 				  var driving = new AMap.Driving({
 					// 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
 					policy: AMap.DrivingPolicy.LEAST_TIME
 				  })
-				  
-				 //var startLngLat = [_this.longitude, _this.latitude]
-				 //var endLngLat = [116.427281, 39.903719]
+				   
 				 for(let i=0;i< endLst.length;i++)
 				 {
 					 let item = endLst[i];
 					 let endLngLat = [item.longitude,item.latitude]
-//					 console.log('search start['+JSON.stringify(startLngLat))					 
-//					 console.log('search end]'+JSON.stringify(endLngLat))
-					 
+ 			 
 					  driving.search(startLngLat, endLngLat, function (status, result) {
-//							console.log(result)
-//							console.log('秒'+result.routes[0].time)//秒
-//							console.log('距离'+result.routes[0].distance)//米
-							//uni.showToast({
-							//	title:result.routes[0].time+"秒，"+result.routes[0].distance+"米"
-							//})
+ 
 							 endLst[i].distance = result.routes[0].distance/1000.0;
 							 endLst[i].time = result.routes[0].time/60.0;
 					  })
 					  
-					  //var startLngLat2 = [_this.longitude, _this.latitude]
-					  //var endLngLat2 = [_this.longitude2, _this.latitude2]
-					
-					 /* 
-					  driving.search(startLngLat2, endLngLat2, function (status, result) {
-												console.log(result)
-												console.log(result.routes[0].time)//秒
-												console.log(result.routes[0].distance)//米
-												uni.showToast({
-													title:result.routes[0].time+"秒，"+result.routes[0].distance+"米"
-												})
-					  })*/
+					 
 				}
 				 
-				}) 
+				}) */
 			},
 			updateCharger(pos){ 
-				console.log('更新充电桩1'+JSON.stringify(pos) ) 
+//				console.log('更新充电桩1'+JSON.stringify(pos) ) 
 //				let index = this.chargerList.findIndex(item => item.info.latitude === pos.latitude && item.info.longitude === pos.longitude);
 				//let index = this.chargerList.findIndex(item => (Math.abs(item.info.longitude-pos.longitude)<0.000001 && Math.abs(item.info.longitude - pos.latitude)<0.000001));
 				let index = this.chargerList.findIndex(item => item.info.id === pos.id);
@@ -441,7 +433,7 @@
 			},			 
 			setCenter(item){ 
 				this.removeMove();
-				console.log('setCenter'+JSON.stringify(item))
+//				console.log('setCenter'+JSON.stringify(item))
 				if(this.mapcharger){
 					this.mapcharger.setCenter([item.longitude,item.latitude]);
 					this.listenMove();
@@ -487,7 +479,7 @@
 			}, 
 			logMapInfo() {
 			  var posCenter = this.mapcharger.getCenter();
-			  console.log('center'+JSON.stringify(posCenter));
+//			  console.log('center'+JSON.stringify(posCenter));
 			  var limitBounds = this.mapcharger.getBounds();
  			  let pos = {center:posCenter,bounds:limitBounds};
 			  return pos;
@@ -613,7 +605,7 @@
 			listenMove(){
 				var _this = this;
 				
-				console.log('listenMove')
+//				console.log('listenMove')
 				_this.mapcharger.on('movestart', mapMovestart,_this);
 				_this.mapcharger.on('mapmove', mapMove,_this);
 				_this.mapcharger.on('moveend',mapMoveend,_this); 

package.json

@@ -9,6 +9,7 @@
   "compression-webpack-plugin": "^8.0.1",
   "echarts": "^5.3.2",
   "qrcodejs2": "^0.0.2",
+  "sass-mixins-variables": "^1.1.0",
   "uni-crazy-router": "0.0.31",
   "uni-simple-router": "^2.0.1",
   "uview-ui": "^1.8.4",

pages.json

@@ -57,7 +57,7 @@
 			"style": {
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
-		},
+		}, 
 		{
 			"name": "充电订单",
 			"path": "pages/record/index",
@@ -270,16 +270,7 @@
 				"enablePullDownRefresh": false
 			}
 		
-		},
-		// {
-		// 	"name":"导航",
-		// 	"path": "pages/searchPile/demo",
-		// 	"style": {
-		// 		
-		// 		"enablePullDownRefresh": false
-		// 	}
-		
-		// }, 
+		}, 
 		{   "name":"站点详情",
 			"path": "pages/searchPile/stationAndPile/stationDetails",
 			"style": {

pages/search/search.vue

@@ -2,7 +2,7 @@
 <template>
 	<view>
 		<u-navbar title="" ref='navbar' id='navbar' :height='nav_height'> 
-			<u-search id='search' ref='search' height="88"  placeholder="搜索站点名称" @change="search()" v-model="keyword" color="#c8c8c8" @search="search" @click="search" @clickicon='back' @custom='search'></u-search>		 
+			<u-search id='search' ref='search' height="88" :input-style='inputStyle'  placeholder="搜索站点名称" @change="search()" v-model="keyword" color="#c8c8c8" @search="search" @click="search" @clickicon='back' @custom='search'></u-search>		 
 		</u-navbar>
 		<view class="recommend">推荐充电站</view>
 		<view class="charing-slow" v-for="(item,index) in stations_filter" :key="item.id" @click="stationDetail(item)">
@@ -41,6 +41,11 @@
 		data() {
 			
 			return {
+				inputStyle:{
+					backgroundColor: 'transparent',
+					"font-size":'18px',
+					"font-weight":"normal"
+				},
 				nav_height:44,
 				userId:'',
 				keyword:'',
@@ -63,7 +68,9 @@
 			// 验证上面rpx的值
 			var px = uni.upx2px(88); 
 			this.nav_height = px;
-			// console.log('搜索框高度'+JSON.stringify(rpx))
+			
+			
+ 			// console.log('搜索框高度'+JSON.stringify(rpx))
 			// console.log('搜索框高度'+JSON.stringify(px))
 			/*
 			if(op!= null && op.stationlist != null){
@@ -73,6 +80,12 @@
 			console.log('op'+JSON.stringify(op))*/
 		},
 		onReady() {
+			this.elderMode = this.carhelp.get('getElderModeClass');
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
+				
 			 if (this.carhelp.getPersonInfo()) {
 			 	this.userId = this.carhelp.getPersonInfo().id;
 			 			
@@ -92,6 +105,28 @@
 		},
 		 // conponents:{charingSlows},
 		methods: { 
+			theme(type) {
+			  if(type == 'dark')	
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				 let data = {
+				 	backgroundColor: 'transparent',
+				 	"font-size":'18px',
+				 	"font-weight":"bold!important"
+				 };
+				 this.inputStyle = data;
+			  }
+			  else
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				  let data  ={
+				  	backgroundColor: 'transparent',
+				  	"font-size":'16px',
+				  	"font-weight":"normal"
+				  };
+				  this.inputStyle = data;
+			  } 
+			},
 			stationDetail(item){
 				 
 				console.log('stationDetail item'+JSON.stringify(item))
@@ -327,8 +362,8 @@
 	}
 </script>
 
-<style lang="scss" scoped>
-	
+<style lang="scss" scoped> 
+	@import "@/_theme.scss";
 	
 	/deep/.u-content[data-v-1a326067] {
 		flex: 0.95;

pages/searchPile/searchPile.vue

@@ -1,20 +1,20 @@
 <template>
-	<view>
+	<view class='font1'>
 		<u-navbar :is-back="false" height="88" style="background-color: bisque;">
 			<view style="display: flex;flex-direction: column; width: 100%;height: 100%;">
 				<view style="display: flex;flex-direction: row; height: 100%; align-items: center;margin-top:0rpx;padding-top: 0rpx;padding-bottom: 20rpx;">
 					<view style="margin-left:20rpx;width: 160rpx;">
-						<uni-combox ref="city" :border="false" v-model="area" :candidates="cities" @updateModel='updateCity' @updateSelector="updateCitySelector"></uni-combox> 
+						<uni-combox class='font2' ref="city" :border="false" v-model="area" :candidates="cities" @updateModel='updateCity' @updateSelector="updateCitySelector"></uni-combox> 
  					</view>
 					<view style="margin-left: 20rpx;margin-right: 20rpx; flex:1" >
-						<u-search placeholder="搜索站点名称" v-model="keyword" :showAction="false"  @focus="navigate"></u-search></view>
+						<u-search :input-style='inputStyle' placeholder="搜索站点名称" v-model="keyword" :showAction="false"  @focus="navigate"></u-search></view>
 					<view style="margin-right: 20rpx;" v-show="viewMode" @click="listMode">
-						<text class="iconfont">&#xe613;</text> <text class="list">列表</text>
+						<text class="iconfont">&#xe613;</text> <text class="list font2">列表</text>
 <!--						<u-icon name="list-dot" size="26" color="#c0c4cc"></u-icon>
 						<label>列表</label>-->
 					</view>
 					<view style="margin-right: 20rpx;" v-show="!viewMode" @click="mapMode">
-						<text class="iconfont">&#xe622;</text> <text class="list">地图</text>						
+						<text class="iconfont">&#xe622;</text> <text class="list font2">地图</text>						
 						<!--<u-icon name="map" size="26" color="#c0c4cc"></u-icon>
 						<label>地图</label>
 						-->
@@ -23,7 +23,7 @@
 
 				<view style="display: flex;flex-direction: row;width:100%; justify-content: space-between;align-items: center;">
 					<view style="margin-left:20rpx;width: 160rpx;">
-						<uni-combox ref="radius" style="width: 200rpx;" :border="false" v-model="radius" :candidates="radiuses"  @updateModel='updateRadius' @updateSelector="updateRadiusSelector"></uni-combox> 
+						<uni-combox class='font2' ref="radius" style="width: 200rpx;" :border="false" v-model="radius" :candidates="radiuses"  @updateModel='updateRadius' @updateSelector="updateRadiusSelector"></uni-combox> 
  					</view>
 <!--					
 					<view style="margin-left: 20rpx;">
@@ -32,7 +32,7 @@
 					</view>
 					-->
 					<view style="margin-left:20rpx;margin-right: 20rpx;flex:1">
-						<uni-combox ref="type" style="width: 200rpx;" :border="false" v-model="type" :candidates="types" @updateModel='updateType' @updateSelector="updateTypeSelector"></uni-combox> 
+						<uni-combox ref="type" class='font2' style="width: 200rpx;" :border="false" v-model="type" :candidates="types" @updateModel='updateType' @updateSelector="updateTypeSelector"></uni-combox> 
  					</view>
 					
 <!--					<view style="margin-left: 20rpx;margin-right: 20rpx;flex:1">
@@ -40,7 +40,7 @@
 						<u-icon name="arrow-down-fill" size="13" color="#c0c4cc"></u-icon>
 					</view>-->
 					<view style="margin-right: 20rpx;" @click="open">
-						<label class="arrow">{{ action }}</label>
+						<label class="arrow font2">{{ action }}</label>
 						<u-icon v-if="show" name="arrow-down-fill" size="13" color="#00B962"></u-icon>
 						<u-icon v-else name="arrow-down-fill" size="13" color="#c0c4cc"></u-icon>
 					</view>
@@ -68,7 +68,7 @@
 					<view class="preference_group_item"><label class="preference_label">充电站类型</label></view>
 					<view>
 						<u-tag
-							class="preference_item"
+							class="preference_item_medium"
 							v-for="(item, index) in info.obc_type"
 							:key="index"
 							:style="index == preference.obc_type_index ? 'background-color:#00B962;color:#FFFFFF' : 'background-color:#EFF4F2;color:#926666'"
@@ -137,8 +137,8 @@
 			
 				</view>
 				<view class="pre-btn" style="display: flex;flex-direction: row;">
-					<view class="btn-1" @click="reset" style="width: 30%;">重置</view>
-					<view class="btn-2" @click="close" style="width: 70%;background-color: #00B962;color: #fff;">确定</view>
+					<view class="btn-1 font3" @click="reset" style="width: 30%;">重置</view>
+					<view class="btn-2 font3" @click="close" style="width: 70%;background-color: #00B962;color: #fff;">确定</view>
 				</view>
 				
 			</view>
@@ -153,7 +153,7 @@
 					<view class="price">
 						<view class="num">{{item.price}}</view>
 						<view class="unit">
-							起 元/度
+							 元/度 起
 						</view>
 					</view>
 					<view class="park">
@@ -187,27 +187,27 @@
 					 	<swiper-item v-for="(item,index) in stationsmap" :key="item.id" style="height: 100%;">							 
 							
 							<view class="swiper-item" style="height: 100%; background-color: #ffffff;" @click="stationDetail(item)">
-								<view class="card_item" style="font-size: 35rpx;padding-top: 5rpx;">
+								<view class="card_item" style="padding-top: 5rpx;">
 									<view style="display: flex;flex-direction: row;">
 										<view :class="item.type == '快充' ? 'fast-charge':(item.type == '慢充' ? 'trickle-charge':'fast-trickle-charge')" >
 											{{item.type}}
 										</view>
-										<view>
+										<view class="font-weight3"  >
 											{{item.name}}											
 										</view>
 										
 									</view>
 								</view>		
-								<view class="card_item" style="color:#8898A9;font-size: 15rpx;">
+								<view class="card_item" style="color:#8898A9;">
 									{{item.position}}
 								</view>
 								
 								<view class="card_item2" >
- 									<view style="color:#FF6573;font-size:45rpx;margin-right: 10rpx;">
+ 									<view style="color:#FF6573;margin-right: 10rpx;">
 										{{item.price}}
 									</view>
 									<view style="display: flex; justify-content: center;align-items: center">
-									起 元/度										
+									 元/度 起									
 									</view>
 								</view>
 								<view class="card_item" style="border-bottom: #F1F4F3; border-bottom-width: 2rpx;border-style: solid;border-top-width: 0rpx;border-left-width: 0rpx;border-right-width:0rpx; padding-bottom:20rpx">
@@ -218,11 +218,11 @@
 										<label>{{item.park}}</label>
 									</view>
 									<view style="display: flex;flex-direction: row;">
-										<view style="color: #00B962;">
+										<view style="color: #00B962;" class="font-weight2">
 											空闲{{item.idleNum}}
 										</view>
 										
-										<view>
+										<view class="font-weight2">
 											/总数{{item.total}}
 										</view>
 									</view>
@@ -231,7 +231,8 @@
 								<view class="card_item" style="padding-bottom: 20rpx;">
 									<u-button shape='circle' style="color: #00B962;" @click="getScanCode" >
 										<u-icon name="scan" size="26" color="#00B962" style="margin-right: 20rpx;"></u-icon>
-										<label>扫码充电</label></u-button>
+										<label>扫码充电</label>
+									</u-button>
 									
 									<view class="round" @click.stop="navigateTo(item)"> 
 											<text class="iconfont distance-font">&#xe615;</text>
@@ -283,6 +284,11 @@ export default {
 	},
 	data() {
 		return { 
+			inputStyle:{
+				backgroundColor: 'transparent',
+				"font-size":'18px',
+				"font-weight":"normal"
+			},
 			elderMode:false,
 			showCity:false,
 			showType:false,
@@ -351,18 +357,31 @@ export default {
 	},
 	onLoad(op) {
 		_self = this;
-		console.log('longitude0  ' + _self.longitude);
-		console.log('latitude0  ' + _self.latitude);
+//		console.log('longitude0  ' + _self.longitude);
+//		console.log('latitude0  ' + _self.latitude);
 		if (op != null) {
 			if (op.longitude != null) this.longitude = op.longitude;
 			if (op.latitude != null) this.latitude = op.latitude;
 			if (op.id != null) this.id = op.id;
 		}
-		 
+		if(this.elderMode)
+		{
+			window.document.getElementsByTagName('body')[0].style.setProperty('--theme', 1);			
+		}
+		 			
 		//navigation.getPoint();
 		
 	},
 	onReady() {
+//		console.log('长者模式'+JSON.stringify(this.carhelp.get("getElderModeClass")));
+		this.elderMode = this.carhelp.get('getElderModeClass');
+		
+		//this.elderMode = true;
+		if(this.elderMode)
+			this.theme('elder')
+		else
+			this.theme('standard')
+			
 		 if (this.carhelp.getPersonInfo()) {
 		 	this.userId = this.carhelp.getPersonInfo().id;
 			
@@ -404,7 +423,7 @@ export default {
 	},
 	onShow() {
 		
-		console.log('onShow')
+//		console.log('onShow')
 		if (this.isReady) {
 			 
 		}
@@ -469,6 +488,7 @@ export default {
 //			console.log('setCenter')
 		},
 		getScanCode() {
+			
 			if(!this.isEnabled())
 				return;
 			if (this.userId) {
@@ -602,6 +622,14 @@ export default {
 		    },
 
 		navigateTo(item){
+			/*
+			this.elderMode = !this.elderMode;
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
+			return;
+			*/
 			//this.guide('gd',item);
 			//console.log('导航'+JSON.stringify(item))
 			window.location.href="https://uri.amap.com/marker?position="+ item.longitude+","+item.latitude+"&name="+item.name;
@@ -748,7 +776,7 @@ export default {
 //			console.log('data1'+JSON.stringify(data1))
 			api.getChargingStationData(data1).then(function(res){
 				
-				console.log('data1'+JSON.stringify(res))
+//				console.log('data1'+JSON.stringify(res))
 				if(!res.result || !res.data || !res.data.data)
 				{
 					console.log('getChargingStationData res nulll')
@@ -822,7 +850,7 @@ export default {
 									};*/
 						_self.stationsmap.push(obj);						
 					}
-					_self.$refs.amap.searchBtn([_self.longitude, _self.latitude],_self.stationsmap)
+					_self.$refs.amap.calcDistances([_self.longitude, _self.latitude],_self.stationsmap)
  					_self.$refs.amap.setChargerList(_self.stationsmap);
 					if(_self.stationsmap.length>0)
 					{
@@ -881,7 +909,7 @@ export default {
 									//arr.push(obj);
 							_self.stationslist.push(obj);
 					}
-					_self.$refs.amap.searchBtn([_self.longitude, _self.latitude],_self.stationslist)
+					_self.$refs.amap.calcDistances([_self.longitude, _self.latitude],_self.stationslist)
 					
 	//				console.log(' getChargingStationData stations'+JSON.stringify(_self.stationslist))
 					 
@@ -935,7 +963,7 @@ export default {
 			let posCenter= {longitude: station.longitude,latitude: station.latitude};
 //			console.log('currentIndex'+JSON.stringify(this.currentIndex))
 //			console.log('currentIndex'+JSON.stringify(posCenter))
-			console.log('station'+JSON.stringify(station))
+//			console.log('station'+JSON.stringify(station))
 			let bounds = this.$refs.amap.logMapInfo();
 			/*if( (posCenter.latitude<bounds.bounds.northeast.lat && posCenter.latitude>bounds.bounds.sourthwest.lat)
 			&&  (posCenter.longitude<bounds.bounds.northeast.lng && posCenter.longitude>bounds.bounds.sourthwest.lng)
@@ -1082,7 +1110,7 @@ export default {
 					let scrollH = res.windowHeight;// - uni.upx2px(88) - navbarH
 					let scrollW = res.windowWidth;
  	//				console.log('布局结果'+ JSON.stringify(res));
-					console.log('scrollW'+scrollW)
+//					console.log('scrollW'+scrollW)
 					//#ifdef MP-WEIXIN
 					const {
 						statusBarHeight,
@@ -1127,12 +1155,38 @@ export default {
 			this.getChargingStationData(data2);
 
 			 
+		},
+		theme(type) {
+			
+		  if(type == 'elder')	
+		  {
+			document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+			let data = {
+				backgroundColor: 'transparent',
+				"font-size":'18px',
+				"font-weight":"bold!important"
+			};
+			this.inputStyle = data;
+ 		  }
+		  else
+		  {
+			document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+			let data  ={
+				backgroundColor: 'transparent',
+				"font-size":'16px',
+				"font-weight":"normal"
+			};
+			this.inputStyle = data;
+ 			  
+		  } 
 		}
 	}
 };
 </script>
 
-<style>
+ <style lang="scss" scoped>
+	@import "@/_theme.scss";
+	
 	.uni-combox__no-border{
 		white-space: nowrap;
 	}
@@ -1174,7 +1228,25 @@ export default {
 	border-style: none;
 	width: 20%;
 	height: 28px;
-	line-height: 14px;
+	@include themeify{
+		font-size: themed('font-size1');
+		line-height: themed('font-size2');
+	}
+/*	line-height: 14px;*/
+}
+
+.preference_item_medium {
+	margin-bottom: 10rpx;
+	margin-left: 20rpx;
+	text-align: center;
+	border-style: none;
+	width: 22%;
+	height: 28px;
+	@include themeify{
+		font-size: themed('font-size1');
+		line-height: themed('font-size2');
+	}
+/*	line-height: 14px;*/
 }
 .preference_item_plus {
 	margin-bottom: 10rpx;
@@ -1182,13 +1254,21 @@ export default {
 	align-items: center;
 	justify-content: center;
 	text-align: center;
-	width: 25%;
+	width: 28%;
 	border-style: none;
 	height: 28px;
-	line-height: 14px;
+	@include themeify{
+		font-size: themed('font-size1');
+		line-height: themed('font-size2');
+	}
+/*	line-height: 14px;*/
 }
 .preference_label {
-	color: #9f9c99;
+	@include themeify{
+		color:themed('font_colorLabel');
+		font-size: themed('font-size1');
+		font-weight: themed('fontWeight');
+	}
 	margin-left: 20rpx;
 	margin-bottom: 100rpx;
 }
@@ -1228,8 +1308,10 @@ export default {
 	bottom: 68px;
 	left: 0;
 	right: 0;	
-	position: fixed;
-	height:360rpx;
+	position: fixed; 
+	@include themeify{
+		height:themed('cardHeight'); 
+	} 
 	/*
 	z-index: 1021; 
 	width: 80%;
@@ -1244,6 +1326,9 @@ export default {
 .card_item{
 	display: flex;
 	flex-direction: row;
+	@include themeify{
+ 		font-size: themed('font-size2');
+ 	}
 	justify-content: space-between;
 	margin-left: 20rpx;
 	margin-right: 20rpx;
@@ -1252,6 +1337,9 @@ export default {
 .card_item2{
 	display: flex;
 	flex-direction: row;
+	@include themeify{
+ 		font-size: themed('font-size2');
+ 	}
 	margin-left: 20rpx;
 	margin-right: 20rpx;
 	margin-bottom: 10rpx;
@@ -1263,7 +1351,12 @@ export default {
 	text-align: center;
 	justify-content: center;
 	align-items: center;
-	width: 250rpx;
+	@include themeify{
+		font-size: themed('font-size2');
+		width:themed('buttonWidth')
+	}
+	
+/*	width: 250rpx;*/
 	display: flex;
 	flex-direction: row;
 }
@@ -1297,43 +1390,61 @@ export default {
  	.fast-charge {
  		display: inline-block;
  		width: 44px;
- 		height: 20px;
- 		line-height: 20px;
+/* 		height: 20px;
+ 		line-height: 20px;*/
  		border-radius: 50px;
  		background-color: #9d9fff;
  		color: rgba(255, 255, 255, 100);
- 		font-size: 12px;
+		@include themeify{
+			font-size: themed('font-size1');
+			line-height: themed('font-size5');
+			height: themed('font-size5');
+		}
  		text-align: center;
  	}
 	
 	.fast-trickle-charge {
 		display: inline-block;
 		width: 66px;
-		height: 20px;
-		line-height: 20px;
+/*		height: 20px;
+		line-height: 20px;*/
 		border-radius: 50px;
 		background-color: #00BAC8;
-		color: rgba(255, 255, 255, 100);
-		font-size: 12px;
+		color: rgba(255, 255, 255, 100); 
+		@include themeify{
+			font-size: themed('font-size1');
+			line-height: themed('font-size5');
+			height: themed('font-size5');
+		}
 		text-align: center;
 	}
 	.trickle-charge {
 		display: inline-block;
 		width: 44px;
-		height: 20px;
-		line-height: 20px;
+/*		height: 20px;
+		line-height: 20px;*/
 		border-radius: 50px;
 		background-color: rgba(0, 185, 98, 100);
 		color: rgba(255, 255, 255, 100);
-		font-size: 12px;
+		@include themeify{
+			font-size: themed('font-size1');
+			line-height: themed('font-size5');
+			height: themed('font-size5');
+		}
 		text-align: center;
 	}
  
  	.station-items {
  		display: inline-block;
- 		height: 16px;
- 		line-height: 16px;
- 		font-size: 16px;
+/* 		height: 16px;
+ 		line-height: 16px;*/
+		@include themeify{
+			font-size: themed('font-size3');
+			font-weight: themed('fontWeight');
+			line-height: themed('font-size3');
+			height: themed('font-size3');
+		}
+/* 		font-size: 16px;*/
  		margin-left: 4px;
  		color: #101010;
  
@@ -1343,19 +1454,29 @@ export default {
 	.fast-charge {
 		display: inline-block;
 		width: 44px;
-		height: 20px;
-		line-height: 20px;
+/*		height: 20px;
+		line-height: 20px;*/
 		border-radius: 50px;
 		background-color: #9d9fff;
 		color: rgba(255, 255, 255, 100);
-		font-size: 12px;
+/*		font-size: 12px;*/
+		
+		@include themeify{
+			font-size: themed('font-size1');
+ 			line-height: themed('font-size5');
+			height: themed('font-size5');
+		}
 		text-align: center;
 	}
  
  	.address {
  		margin-top: 8px;
- 		line-height: 16px;
- 		font-size: 11px;
+/* 		line-height: 16px;*/
+		@include themeify{
+			font-size: themed('font-size1');
+			line-height: themed('font-size3');
+		}
+/* 		font-size: 11px;*/
  		color: rgba(119, 119, 119, 100);
  	}
  
@@ -1367,18 +1488,27 @@ export default {
  
  
  .num {
- 	height: 20px;
+/* 	height: 20px;*/
  	color: rgba(255, 98, 0, 100);
- 	font-size: 20px;
+ /*	font-size: 20px;*/
+	 @include themeify{
+		font-size: themed('font-size5');
+		height: themed('font-size5');
+	 }
  	text-align: left;
  	font-family: Roboto-medium;
  }
   
  .unit {
- 	height: 14px;
- 	line-height: 14px;
+ /*	height: 14px;
+ 	line-height: 14px;*/
  	color: rgba(102, 102, 102, 100);
- 	font-size: 14px;
+	@include themeify{
+			font-size: themed('font-size2');
+			height: themed('font-size2');
+			line-height: themed('font-size2');
+	}
+/* 	font-size: 14px;*/
  	text-align: left;
  	font-family: AlibabaPuHui-regular;
  	margin-top: 6px;
@@ -1395,8 +1525,12 @@ export default {
 	.park-p {
 		display: inline-block;
 		width: 20px;
-		height: 18px;
-		line-height: 12px;
+/*		height: 18px;
+		line-height: 12px;*/
+		@include themeify{
+			line-height: themed('font-size1');
+			height: themed('font-size4');
+		}
 		text-align: center;
 		background-color: rgba(125, 177, 255, 100);
 		color: #fff;
@@ -1404,9 +1538,13 @@ export default {
 	.park-text {
 		display: inline-block;
 		width: 300px;
-		height: 17px;
+/*		height: 17px;*/
 		color: rgba(102, 102, 102, 100);
-		font-size: 12px;
+		@include themeify{
+			font-size: themed('font-size1');
+			height:themed('font-size4');
+		}
+/*		font-size: 12px;*/
 		text-align: left;
 		margin-left: 4px;
 		margin-top: 2px;
@@ -1433,14 +1571,24 @@ export default {
  	} 
 	.free-num {
 		line-height: 52px;
-		font-size: 16px
+		@include themeify{
+			font-size: themed('font-size3');
+			font-weight: themed('fontWeight');
+		}
+/*		font-size: 16px*/
 	} 
 	.distance {
 		width: 130px;
-		height: 28px;
-		line-height: 28px;
+/*		height: 28px;
+		line-height: 28px;*/
 		color: rgba(255, 255, 255, 100);
-		font-size: 14px;
+		@include themeify{
+			font-size: themed('font-size2');
+			line-height: themed('font-size9');
+			height: themed('font-size9');
+		}
+		/*
+		font-size: 14px;*/
 		background-color: #00b962;
 		border-radius: 50px;
 		margin: 12px;
@@ -1450,12 +1598,18 @@ export default {
 
 	}
 	.distance-font {
-		font-size: 16px
+		@include themeify{
+				font-size: themed('font-size3');
+		}
+/*		font-size: 16px*/
 	}
 	
 	.position{
 		color: #1677ff;
-		font-size: 14px
+		@include themeify{
+				font-size: themed('font-size2');
+		}
+/*		font-size: 14px*/
 	}
 	.position-box{
 		position:absolute;

pages/searchPile/stationAndPile/chargePriceDetails.vue

@@ -60,6 +60,8 @@
 		},
 		onLoad(op){
 			_self = this; 
+
+
 			if(op!=null && op.stationId!=null){
 				console.log('stationId'+JSON.stringify(op.stationId))
 				let data = {stationId:op.stationId};
@@ -104,16 +106,34 @@
 				}
 			);*/
 		},
+		onReady(){
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
+		},
 		methods: {
 			change(index) {
 				this.current = index;
 				this.items = this.list[index].items;
+			},
+			theme(type) {
+			  if(type == 'dark')	
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				  
+			  }
+			  else
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				  
+			  } 
 			}
 		}
 	}
 </script>
-
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+	@import "@/_theme.scss";
 	.main {
 		background-color: #fff;
        

pages/searchPile/stationAndPile/stationDetailsMap.vue

@@ -9,7 +9,7 @@
 			</view>
 			 
 			 <view class="chargerCard" @click="stationDetail(item)">
-				<view class="card_item" style="font-size: 35rpx;padding-top: 5rpx;" >
+				<view class="card_item font4" style="padding-top: 5rpx;" >
 					<view style="display: flex;flex-direction: row;">
 						<view :class="item.type == '快充' ? 'fast-charge':(item.type == '慢充' ? 'trickle-charge':'fast-trickle-charge')"style="margin-right: 5rpx;">
 							{{item.type}}
@@ -20,16 +20,16 @@
 						
 					</view>
 				</view>		
-				<view class="card_item" style="color:#8898A9;font-size: 15rpx;">
+				<view class="card_item font3" style="color:#8898A9;">
 					{{item.address}}
 				</view>
 				
-				<view class="card_item2" >
-					<view style="color:#FF6573;font-size:45rpx;margin-right: 10rpx;">
+				<view class="card_item2 " >
+					<view class="font6" style="color:#FF6573;margin-right: 10rpx;">
 						{{item.costPrice}}
 					</view>
 					<view style="display: flex; justify-content: center;align-items: center">
-					起 元/度										
+					 元/度 起										
 					</view>
 				</view>
 				<view class="card_item" style="border-bottom: #F1F4F3; border-bottom-width: 2rpx;border-style: solid;border-top-width: 0rpx;border-left-width: 0rpx;border-right-width:0rpx; padding-bottom:20rpx">
@@ -105,22 +105,47 @@
 			}
 		},
 		methods:{
+			theme(type) {
+				
+			  if(type == 'elder')	
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				 
+			  }
+			  else
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				 
+				  
+			  } 
+			},
 			getPoint() {
 				 
 				console.log('getPoint')
 				WxJsApi.getLocation().then((res) => {
-					
+					if(res==null)
+						return;
+					console.log('站点地图当前位置'+JSON.stringify(res))
 					_self.latitude = parseFloat(res.latitude);
 					_self.longitude  = parseFloat(res.longitude);
-					var startLngLat = [_self.longitude ,_self.latitude ];
-					var endLngLat = [_self.item.longitude,_self.item.latitude];
+					var startLngLat = {longitude: _self.longitude ,latitude: _self.latitude };
+					var endLngLat = {longitude: _self.item.longitude, latitude: _self.item.latitude};
+					console.log('start'+JSON.stringify(startLngLat));
+					console.log('end'+JSON.stringify(endLngLat));
 					//_self.calculateDistance(startLngLat,endLngLat);
 					//let posCenter= {longitude: _self.longitude,latitude: _self.latitude};
 					var obj = {
-									longitude: longitude,
-									latitude: latitude
+									longitude: _self.longitude,
+									latitude: _self.latitude
 								};
 					_self.$refs.amap.setPerson(obj);	
+					
+					var lnglat = new AMap.LngLat(startLngLat.longitude,startLngLat.latitude);
+					var myDistance = lnglat.distance([endLngLat.longitude, endLngLat.latitude]);
+					_self.item.distance = myDistance/1000;
+					_self.item.time = myDistance/500;
+					
+					/*
 					_self.$refs.amap.calculateDistance(startLngLat,endLngLat).then(function(res){
 						
 						_self.item.distance = res.distance/1000;
@@ -130,7 +155,7 @@
 						//console.log(result.routes[0].distance)//米
 						
 						console.log('距离'+JSON.stringify(res))
-					})
+					})*/
 					
 					console.log('当前位置' +JSON.stringify(data))
 					
@@ -246,8 +271,8 @@
 	//					   console.log('stations1'+JSON.stringify(this.stations[0]))
 	//					   console.log('stations2'+JSON.stringify(this.item))
 							_self.$refs.amap.setChargerList(_self.stations);
-							console.log('item'+JSON.stringify(_self.item))
-							_self.$refs.amap.updateCharger(_self.stations[0]) 
+							console.log('站点项目'+JSON.stringify(_self.item))
+							_self.$refs.amap.updateCharger(_self.item) 
 							//_self.stationDetail = data;
 							//_self.processStationsInfo();							
 								console.log('data'+JSON.stringify(_self.item )); 
@@ -260,7 +285,8 @@
 		},
 		onLoad(op) {
 				_self = this;
-				
+
+	
 //				console.log('longitude0  ' + _self.longitude);
 				if (op != null) {
 					if(op.stationId != null){
@@ -286,6 +312,12 @@
 				this.item.latitude = this.latitude;
 			},
 			onReady() {
+				this.elderMode = this.carhelp.get('getElderModeClass');
+				if(this.elderMode)
+					this.theme('elder')
+				else
+					this.theme('standard')
+					
 				//		console.log('longitude2  '+this.longitude)
 				//		console.log('latitude2  '+this.latitude) 
 				if (this.carhelp.getPersonInfo()) {
@@ -338,7 +370,8 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped> 
+	@import "@/_theme.scss";
 	.preference_group_item {
 		padding: 15rpx;
 	}
@@ -415,6 +448,9 @@
 		margin-left: 20rpx;
 		margin-right: 20rpx;
 		margin-bottom: 10rpx;
+		@include themeify{
+			font-size: themed('font-size2');
+		}
 	}
 	.card_item2{
 		display: flex;
@@ -422,6 +458,9 @@
 		margin-left: 20rpx;
 		margin-right: 20rpx;
 		margin-bottom: 10rpx;
+		@include themeify{
+			font-size: themed('font-size2');
+		}
 	}
 	.round{
 		border-radius:50rpx; 
@@ -469,7 +508,12 @@
 	 		border-radius: 50px;
 	 		background-color: #9d9fff;
 	 		color: rgba(255, 255, 255, 100);
-	 		font-size: 12px;
+			@include themeify{
+				font-size: themed('font-size1');
+				line-height: themed('font-size5');
+				height: themed('font-size5');
+			}
+/*	 		font-size: 12px;*/
 	 		text-align: center;
 	 	}
 		
@@ -477,32 +521,47 @@
 		.fast-trickle-charge {
 			display: inline-block;
 			width: 66px;
-			height: 20px;
-			line-height: 20px;
+/*			height: 20px;
+			line-height: 20px;*/
 			border-radius: 50px;
 			background-color: #00BAC8;
 			color: rgba(255, 255, 255, 100);
-			font-size: 12px;
+			@include themeify{
+				font-size: themed('font-size1');
+				line-height: themed('font-size5');
+				height: themed('font-size5');
+			}
+/*			font-size: 12px;*/
 			text-align: center;
 		}
 		
 		.trickle-charge {
 			display: inline-block;
 			width: 44px;
-			height: 20px;
-			line-height: 20px;
+/*			height: 20px;
+			line-height: 20px;*/
 			border-radius: 50px;
 			background-color: rgba(0, 185, 98, 100);
 			color: rgba(255, 255, 255, 100);
-			font-size: 12px;
+/*			font-size: 12px;*/
+			@include themeify{
+				font-size: themed('font-size1');
+				line-height: themed('font-size5');
+				height: themed('font-size5');
+			}
 			text-align: center;
 		}
 	 
 	 	.station-items {
 	 		display: inline-block;
-	 		height: 16px;
+/*	 		height: 16px;
 	 		line-height: 16px;
-	 		font-size: 16px;
+	 		font-size: 16px;*/
+			@include themeify{
+				font-size: themed('font-size3');
+				line-height: themed('font-size3');
+				height: themed('font-size3');
+			}
 	 		margin-left: 4px;
 	 		color: #101010;
 	 
@@ -512,19 +571,28 @@
 		.fast-charge {
 			display: inline-block;
 			width: 44px;
-			height: 20px;
-			line-height: 20px;
+/*			height: 20px;
+			line-height: 20px;*/
 			border-radius: 50px;
 			background-color: #9d9fff;
 			color: rgba(255, 255, 255, 100);
-			font-size: 12px;
+/*			font-size: 12px;*/
+			@include themeify{
+				font-size: themed('font-size1');
+				line-height: themed('font-size5');
+				height: themed('font-size5');
+			}
 			text-align: center;
 		}
 	 
 	 	.address {
 	 		margin-top: 8px;
-	 		line-height: 16px;
-	 		font-size: 11px;
+			@include themeify{
+				font-size: themed('font-size1');
+				line-height: themed('font-size3');
+ 			}
+/*	 		line-height: 16px;
+	 		font-size: 11px;*/
 	 		color: rgba(119, 119, 119, 100);
 	 	}
 	 
@@ -538,16 +606,24 @@
 	 .num {
 	 	height: 20px;
 	 	color: rgba(255, 98, 0, 100);
-	 	font-size: 20px;
+		@include themeify{
+			font-size: themed('font-size5'); 
+		}
+/*	 	font-size: 20px;*/
 	 	text-align: left;
 	 	font-family: Roboto-medium;
 	 }
 	  
 	 .unit {
-	 	height: 14px;
-	 	line-height: 14px;
+/*	 	height: 14px;
+	 	line-height: 14px;*/
 	 	color: rgba(102, 102, 102, 100);
-	 	font-size: 14px;
+		@include themeify{
+						font-size: themed('font-size2'); 
+						line-height: themed('font-size2'); 
+						height: themed('font-size2'); 
+					}
+/*	 	font-size: 14px;*/
 	 	text-align: left;
 	 	font-family: AlibabaPuHui-regular;
 	 	margin-top: 6px;
@@ -564,8 +640,13 @@
 		.park-p {
 			display: inline-block;
 			width: 20px;
-			height: 18px;
-			line-height: 12px;
+			@include themeify{
+/*				font-size: themed('font-size1'); */
+				line-height: themed('font-size1'); 
+				height: themed('font-size4'); 
+			}
+/*			height: 18px;
+			line-height: 12px;*/
 			text-align: center;
 			background-color: rgba(125, 177, 255, 100);
 			color: #fff;
@@ -573,9 +654,13 @@
 		.park-text {
 			display: inline-block;
 			width: 300px;
-			height: 17px;
+/*			height: 17px;*/
 			color: rgba(102, 102, 102, 100);
-			font-size: 12px;
+/*			font-size: 12px;*/
+			@include themeify{
+				font-size: themed('font-size1'); 
+				height: themed('font-size4'); 
+ 			}
 			text-align: left;
 			margin-left: 4px;
 			margin-top: 2px;
@@ -602,14 +687,23 @@
 	 	} 
 		.free-num {
 			line-height: 52px;
-			font-size: 16px
+/*			font-size: 16px*/
+			@include themeify{
+				font-size: themed('font-size3');  
+			}
 		} 
 		.distance {
 			width: 130px;
-			height: 28px;
-			line-height: 28px;
+/*			height: 28px;
+			line-height: 28px;*/
 			color: rgba(255, 255, 255, 100);
-			font-size: 14px;
+/*			font-size: 14px;*/
+			
+			@include themeify{
+				font-size: themed('font-size2'); 
+				height: themed('font-size9'); 
+				line-height: themed('font-size9'); 
+			}
 			background-color: #00b962;
 			border-radius: 50px;
 			margin: 12px;

pages/user/finance/refundApp.vue

@@ -24,12 +24,30 @@
             }
 		},
 		onReady(){
+			this.elderMode = this.carhelp.get('getElderModeClass');
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
+
 			if (this.carhelp.getPersonInfo()) {
 				this.userId = this.carhelp.getPersonInfo().id;
 						
 			}
 		},
 		methods: {
+			theme(type) {
+			  if(type == 'dark')	
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				  
+			  }
+			  else
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				  
+			  } 
+			},
 			finish(){
 				uni.navigateTo({
 					url:'refundList'
@@ -46,7 +64,8 @@
 		background-color: #fff;
 	}
 </style>
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+	@import "@/_theme.scss";
 	.paySuccess{
 		text-align: center;
 		padding: 50px 0;

pages/user/finance/refundDet.vue

@@ -79,13 +79,32 @@
 				
 			}
 		},
+		onReady(){
+			this.elderMode = this.carhelp.get('getElderModeClass');
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
+		},
 		methods: {
-
+			theme(type) { 
+			  if(type == 'dark')	
+			  {
+ 				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+ 				  
+			  }
+			  else
+			  {
+ 				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+ 				  
+			  } 
+			}
 		}
 	}
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+	@import "@/_theme.scss";
 	.rechargeDet-head{
 		background-color: #fff;
 		padding: 24px 0;

pages/user/finance/refundList.vue

@@ -84,6 +84,12 @@
 			_self = this;
 		},
 		onReady(){
+			this.elderMode = this.carhelp.get('getElderModeClass');
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
+
 			if (this.carhelp.getPersonInfo()) {
 				this.userId = this.carhelp.getPersonInfo().id;
 				console.log('userId'+this.userId)
@@ -135,6 +141,18 @@
 			});
 		},
 		methods: {
+			theme(type) {
+			  if(type == 'dark')	
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				  
+			  }
+			  else
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				  
+			  } 
+			},
 			refundItem(item){
 				uni.navigateTo({
 					url:'refundDet?id='+item.id
@@ -166,7 +184,8 @@
 	}
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped> 
+	@import "@/_theme.scss";
 	.slot-content {
 		font-size: 28rpx;
 		color: $u-content-color;

uni.scss

@@ -74,4 +74,7 @@ $uni-font-size-title:40rpx;
 $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:36rpx;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
-$uni-font-size-paragraph:30rpx;
+$uni-font-size-paragraph:30rpx;
+
+@import 'node_modules/sass-mixins-variables/variables';
+@import 'node_modules/sass-mixins-variables/mixins';