多语言处理

common/http.js

@@ -1,8 +1,9 @@
 // import common = require("./common");
 // const appid = 'wxefa2810018787a41'
+import {Language} from '@/utils/util.js'
 const appid = '487987498'
 
-const language = 'zh'
+const language = Language
 
 var common = require('./common.js');
 

common/request.js

@@ -1,7 +1,8 @@
 // import common = require("./common");
 // const appid = 'wxefa2810018787a41'
+import {Language} from '@/utils/util.js'
 const appid = '487987498'
-const language = 'zh'
+const language = Language
 
 var common = require('./common.js');
 

common/storage.js

@@ -53,7 +53,7 @@ const activeTabs = [
 		iconUrl: `${QINIU_URL}FppwhbFzrEmDeJQgZJtDTu6WOoMZ`
 	},
 	{
-		name: i18n.t('打开尾箱'),
+		name: i18n.t('打开尾箱锁'),
 		type:'openTailBox',
 		iconUrl: `${QINIU_URL}Fv3KLuYWEeV5IM4_2sMbmur7yZtz`
 	},

component/customSwitch.vue

@@ -6,8 +6,8 @@
 			<view class="indicator-wrapper" :class="{ shaking: isShaking }">
 				<image class="indicator" :src="imageSrc" />
 			</view>
-			<view v-if="isShowSwitchText&&isValue" class="switch_text_off">滑动关机</view>
-			<view v-if="isShowSwitchText&&!isValue" class="switch_text_on">滑动开机</view>
+			<view v-if="isShowSwitchText&&isValue" class="switch_text_off">{{$t('滑动关机')}}</view>
+			<view v-if="isShowSwitchText&&!isValue" class="switch_text_on">{{$t('滑动开机')}}</view>
 		</view>
 	</view>
 </template>

component/customTabbar/index.vue

@@ -17,7 +17,7 @@
 					<!-- <img src="https://qiniu.bms16.com/FqcCjRjhzHFUkZj76SMHNXCZHwb3" style="width: 122rpx; height: 122rpx;margin-bottom: 14rpx;"/> -->
 					<image src="https://qiniu.bms16.com/FqcCjRjhzHFUkZj76SMHNXCZHwb3"
 						style="width: 122rpx; height: 122rpx;margin-bottom: 14rpx;"></image>
-					<view class="scan-text">扫一扫</view>
+					<view class="scan-text">{{$t('扫一扫')}}</view>
 				</view>
 			</view>
 		</view>
@@ -38,56 +38,58 @@
 			}
 		},
 		data() {
+			let _this = this
 			return {
 				selectedTab: uni.getStorageSync('selectedIndex') || 0,
-				tabs: [{
-						label: '设备',
+				tabs: [],
+				userInfo: {
+					is_auth: 0,
+					status: 0
+				},
+				// accountInfo: uni.getAccountInfoSync(),
+				plate_number: '',
+				isScanCondeRentalCar: false,
+			};
+		},
+		// created: function () {
+		//   if (appWhiteListFilter.isScanCondeRentalCar()) {
+		//   	this.setData({
+		//   		isScanCondeRentalCar: true
+		//   	})
+		//   }
+		// },
+
+		mounted() {
+			// console.log(uni.getSystemInfoSync().safeArea)
+			this.tabs = [{
+						label: this.$t('设备'),
 						name: 'home',
 						url: '/pages/index/index',
 						icon: '/static/resource/images/home_i.png',
 						activeIcon: '/static/resource/images/home_s.png',
 					},
 					{
-						label: '服务',
+						label: this.$t('服务'),
 						name: 'service',
 						url: '/pages/service/service',
 						icon: '/static/resource/images/service_i.png',
 						activeIcon: '/static/resource/images/service_s.png',
 					},
 					{
-						label: '活动',
+						label: this.$t('活动'),
 						name: 'active',
 						url: '/pages/activity/activity',
 						icon: '/static/resource/images/active_i.png',
 						activeIcon: '/static/resource/images/active_s.png',
 					},
 					{
-						label: '我的',
+						label: this.$t('我的'),
 						name: 'my',
 						url: '/pages/my/my',
 						icon: '/static/resource/images/my_i.png',
 						activeIcon: '/static/resource/images/my_s.png',
 					},
-				],
-				userInfo: {
-					is_auth: 0,
-					status: 0
-				},
-				// accountInfo: uni.getAccountInfoSync(),
-				plate_number: '',
-				isScanCondeRentalCar: false,
-			};
-		},
-		// created: function () {
-		//   if (appWhiteListFilter.isScanCondeRentalCar()) {
-		//   	this.setData({
-		//   		isScanCondeRentalCar: true
-		//   	})
-		//   }
-		// },
-
-		mounted() {
-			// console.log(uni.getSystemInfoSync().safeArea)
+				]
 		},
 		methods: {
 			routerPush(url) {

locale/index.js

@@ -2,9 +2,12 @@ import en from './en.json'
 import zh from './zh.json'
 import Vue from 'vue';
 import VueI18n from 'vue-i18n'
+import {
+	Language
+} from '@/utils/util.js'
 Vue.use(VueI18n);
 let i18nConfig = {
-	locale: "zh",
+	locale: Language,
 	messages: {
 		en,
 		zh

utils/util.js

@@ -1,7 +1,8 @@
 import dayjs from 'dayjs'
 import duration from 'dayjs/plugin/duration'
 dayjs.extend(duration);
-
+const systemInfo = uni.getSystemInfoSync();
+const Language = systemInfo.language == 'zh_CN' ? 'zh' : 'en' // 'zh' | 'en'
 const formatTime = (date) => {
 	const year = date.getFullYear();
 	const month = date.getMonth() + 1;
@@ -81,6 +82,7 @@ function isEmail(email) {
 }
 
 module.exports = {
+	Language,
 	isEmail,
 	formatTime: formatTime,
 	getLocation,