调整页面

pages/login/index.vue

@@ -1,9 +1,11 @@
 <template>
 	<view class="page">
 		<view class="title">
-			<image src="/static/image/hesu.png" mode=""></image>
+			<image src="/static/image/lingke.png" mode=""></image>
+		</view>
+		<view class="changeyy" @click="showlang = true">
+			<image src="/static/image/change1.png" mode=""></image>{{$t('home.langbtn')}}
 		</view>
-
 		<view class="form">
 			<view class="inputs_button">
 				<view class="inputs">
@@ -53,6 +55,8 @@
 				borderColor="#3264ed" color="#fff" @click="pactChange" />
 			<view>{{$t('agreeMsg')}}<text @click="toPact">{{$t('UserAgreement')}}</text>{{$t('and')}}<text @click="toPact">{{$t('Privacy')}}</text></view>
 		</view>
+		<u-picker closeOnClickOverlay :cancel-text="$t('cancel')" :confirm-text="$t('confirm')"  @close="close" :show="showlang" :columns="columns"
+			@cancel="cancellang" @confirm="confirmlang" :title="$t('home.langbtn')" keyName="label"></u-picker>
 	</view>
 </template>
 
@@ -64,12 +68,57 @@
 				email: "1696136552@qq.com",
 				password: "123456",
 				pactChecked: false,
+				showlang: false,
+				columns: [
+					[{
+						label: '中文',
+						id: 'zh'
+					}, {
+						label: 'English',
+						id: 'en'
+					}, {
+						label: 'Russian',
+						id: 'ru'
+					}]
+				],
 			}
 		},
 		onLoad() {
 			
 		},
 		methods: {
+			close(){
+				this.showlang = false
+			},
+			cancellang() {
+				this.showlang = false
+			},
+			//语言切换事件
+			confirmlang(e) {
+				this.$i18n.locale = e.value[0].id
+				this.showlang = false
+				this.list1 = [{
+					name: this.$t('all'),
+				}, {
+					name: this.$t('followup'),
+				}, {
+					name: this.$t('deal')
+				}, {
+					name: this.$t('lost')
+				}];
+				uni.setTabBarItem({
+					index: 0,
+					text: this.$t('tabbar.home')
+				})
+				uni.setTabBarItem({
+					index: 1,
+					text: this.$t('tabbar.customer')
+				})
+				uni.setTabBarItem({
+					index: 2,
+					text: this.$t('tabbar.mine')
+				})
+			},
 			pactChange() {
 				this.pactChecked = !this.pactChecked
 			},
@@ -141,6 +190,21 @@
 </script>
 
 <style lang="scss" scoped>
+	.changeyy {
+		padding: 10px 15px;
+		border-radius: 50px;
+		background-color: #ECF2FF;
+		margin-bottom: 50rpx;
+		position: fixed;
+		right: 15px;
+		top: 5%;
+		color: #3471FF;
+		image {
+			width: 14px;
+			height: 12px;
+			margin-right: 5px;
+		}
+	}
 	.page {
 		min-height: 100vh;
 		background-image: url("../../static/image/login/loginbg.png");
@@ -154,8 +218,8 @@
 			padding-top: 220rpx;
 			text-align: center;
 			image{
-				width: 160px;
-				height: 37px;
+				width: 128px;
+				height: 47px;
 			}
 		}
 
@@ -221,7 +285,7 @@
 			align-items: center;
 			justify-content: center;
 			font-size: 24rpx;
-			margin-bottom: 20px;
+			margin-bottom: 30px;
 			text {
 				color: #3264ed;
 			}