关于长者模式

pages/user/about.vue

@@ -1,14 +1,14 @@
 <template>
-	<view>
+	<view class="all">
 		<u-navbar title="关于我们"></u-navbar>
 		<view class="about">
 			<img src="../../static/img/aboutus.png" alt="">
-			<p>{{projectName}}</p>
+			<p class="font-weight2">{{projectName}}</p>
 		</view>
 		<u-cell-group>
-			<u-cell-item title="用户协议" @click="gotoUrl('pages/article/details?code=YHXY')"></u-cell-item>
-			<u-cell-item title="隐私政策" @click="gotoUrl('pages/article/details?code=YSZC')"></u-cell-item>
-			<u-cell-item title="充值协议" @click="gotoUrl('pages/article/details?code=CZXY')"></u-cell-item>
+			<u-cell-item :titleStyle='titleStyle' title="用户协议" @click="gotoUrl('pages/article/details?code=YHXY')"></u-cell-item>
+			<u-cell-item :titleStyle='titleStyle' title="隐私政策" @click="gotoUrl('pages/article/details?code=YSZC')"></u-cell-item>
+			<u-cell-item :titleStyle='titleStyle' title="充值协议" @click="gotoUrl('pages/article/details?code=CZXY')"></u-cell-item>
 		</u-cell-group>
 		<view class="about-foot">
 			<p>湖北荆鹏集团</p>
@@ -21,15 +21,45 @@
 	export default {
 		data() {
 			return {
+				elderMode:false,
 				projectName:'',
 				form: {
 					name: '',
 					intro: '',
 				},
+				titleStyle:{
+					"font-size":'28rpx'
+				}
 			}
 		},
 		methods: {
-
+			theme(type) {
+				
+			  if(type == 'elder')	
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				 let data = {
+				 	"font-size":'32rpx',
+					"font-weight":'bold!important'
+				 	};
+				 this.titleStyle = data;
+			  }
+			  else
+			  {
+				document.getElementsByTagName('body')[0].setAttribute('data-theme',type);
+				 let data = {
+				 	"font-size":'28rpx'
+				 	};
+				 this.titleStyle = data;
+			  } 
+			}
+		},
+		onReady(){
+			this.elderMode = this.carhelp.get('getElderModeClass')  == '长辈模式';
+			if(this.elderMode)
+				this.theme('elder')
+			else
+				this.theme('standard')
 		},
 		onLoad(){
 			this.projectName=process.car.ProjectName;
@@ -42,6 +72,12 @@
 	}
 </style>
 <style lang="scss" scoped>
+	@import "@/_theme.scss";
+	.all{
+		@include themeify{
+			font-size: themed('font-size2');
+		}
+	}
 	.about{
 		background-color: #fff;
 		padding: 36px 0;