1. 修改vue-i18n为本地引入形式

wlxuqu · wlxuqu · commit 5322f84f2da5 · 2020-08-31T17:23:38.000+08:00
2. 处理样式兼容性问题
diff --git a/common/vue-i18n.min.js b/common/vue-i18n.min.js
diff --git a/components/page-nav/page-nav.vue b/components/page-nav/page-nav.vue
@@ -4,21 +4,19 @@
 			<image class="logo" src="https://cdn.uviewui.com/uview/common/logo.png" mode="widthFix"></image>
 			<view class="nav-info">
 				<view class="nav-title__text">
-					<!-- {{$t('common.title')}} -->
-					{{title}}
+					{{$t('common.title')}}
 				</view>
 				<view class="nav-slogan">
-					 <!-- {{$t('common.intro')}} -->
-					 {{desc}}
+					 {{$t('common.intro')}}
 				</view>
 			</view>
 		</view>
 		<view class="nav-desc">
 			{{desc}}
 		</view>
-		<!-- <view class="lang" @tap="switchLang">
+		<view class="lang" @tap="switchLang">
 			<u-icon size="46" color="warning" :name="lang"></u-icon>
-		</view> -->
+		</view>
 	</view>
 </template>
 
@@ -29,20 +27,20 @@
 			title: String,
 		},
 		computed: {
-			// lang() {
-			// 	return this.$i18n.locale == 'zh' ? 'zh' : 'en';
-			// }
+			lang() {
+				return this.$i18n.locale == 'zh' ? 'zh' : 'en';
+			}
 		},
 		methods: {
-			// switchLang() {
-			// 	this.$i18n.locale = this.$i18n.locale == 'en' ? 'zh' : 'en';
-			// 	this.vuex_tabbar[0].text = this.$t('nav.components')
-			// 	this.vuex_tabbar[1].text = this.$t('nav.js')
-			// 	this.vuex_tabbar[2].text = this.$t('nav.template')
-			// 	uni.setNavigationBarTitle({
-			// 		title: this.$t(this.title)
-			// 	});
-			// }
+			switchLang() {
+				this.$i18n.locale = this.$i18n.locale == 'en' ? 'zh' : 'en';
+				this.vuex_tabbar[0].text = this.$t('nav.components')
+				this.vuex_tabbar[1].text = this.$t('nav.js')
+				this.vuex_tabbar[2].text = this.$t('nav.template')
+				uni.setNavigationBarTitle({
+					title: this.$t(this.title)
+				});
+			}
 		}
 	}
 </script>
diff --git a/main.js b/main.js
@@ -29,7 +29,7 @@ import Chinese from '@/common/locales/zh.js';
 import English from '@/common/locales/en.js';
 
 // VueI18n
-import VueI18n from 'vue-i18n'
+import VueI18n from '@/common/vue-i18n.min.js'
 
 // VueI18n
 Vue.use(VueI18n)
diff --git a/pages/example/components.vue b/pages/example/components.vue
@@ -20,7 +20,7 @@
 		data() {
 			return {
 				list: list,
-				desc: '众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让你快速集成，开箱即用。',
+				//desc: '众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让你快速集成，开箱即用。',
 			}
 		},
 		computed: {
@@ -29,17 +29,17 @@
 					return 'https://cdn.uviewui.com/uview/example/' + path + '.png';
 				}
 			},
-			// desc() {
-			// 	return this.$t('components.desc');
-			// }
+			desc() {
+				return this.$t('components.desc');
+			}
 		},
 		onShow() {
-			// uni.setNavigationBarTitle({
-			// 	title: this.$t('nav.components')
-			// });
+			uni.setNavigationBarTitle({
+				title: this.$t('nav.components')
+			});
 		},
 		created() {
-			//console.log(this.abc);   
+			
 		},
 		methods: {
 			openPage(path) {
@@ -48,12 +48,10 @@
 				})
 			},
 			getGroupTitle(item) {
-				// return this.$i18n.locale == 'zh' ? item.groupName : item.groupName_en
-				return item.groupName;
+				return this.$i18n.locale == 'zh' ? item.groupName : item.groupName_en
 			},
 			getFieldTitle(item) {
-				// return this.$i18n.locale == 'zh' ? item.title : item.title_en
-				return item.title;
+				return this.$i18n.locale == 'zh' ? item.title : item.title_en
 			}
 		}
 	}
diff --git a/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue b/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue
@@ -229,7 +229,7 @@ export default {
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 @import '../../libs/css/style.components.scss';
 
 .content {
