From 1bd03f5c2e7b9fa9cc80c4e673e18132da411333 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 12 Nov 2025 16:21:06 +0800
Subject: [PATCH] 1
---
src/page/newUser/setting.vue | 206 ++++++++++++++++++++++++---------------------------
1 files changed, 96 insertions(+), 110 deletions(-)
diff --git a/src/page/newUser/setting.vue b/src/page/newUser/setting.vue
index 2d773cf..237ac45 100644
--- a/src/page/newUser/setting.vue
+++ b/src/page/newUser/setting.vue
@@ -1,20 +1,44 @@
<template>
<div class="content">
- <div class="top_back">
+ <van-nav-bar
+ :placeholder="true"
+ :safe-area-inset-top="true"
+ :title="$t('setting')"
+ left-arrow
+ @click-left="$router.go(-1)"
+ >
+ </van-nav-bar>
+ <!-- <div class="top_back">
<div class="left_back_icon" @click="$router.go(-1)">
<img src="../../assets/img/zuojiantou.png" alt />
</div>
<div class="titles">
<span>{{ $t("setting") }}</span>
</div>
- </div>
- <div style="width: 100%; height: 10px; background-color: #f8f8f8"></div>
+ </div> -->
+ <div style="width: 100%; height: 10px; background-color: #777"></div>
+ <div class="jy" @click="handleGoToAuthentication()">
+ <div class="left_gn">
+ <!-- <div class="l_icon">
+ <van-icon name="manager" size=".8rem" />
+ </div> -->
+ <div class="r_title">
+ <span>{{ $t("rnv") }}</span>
+ </div>
+ </div>
+ <div class="right_gos">
+ <div class="right_gos_txt" v-if="userInfo.realName">
+ {{ $t("ysmrz") }}
+ </div>
+ <img v-else src="../../assets/img/youjiantou.png" alt />
+ </div>
+ </div>
<div class="jy" @click="handleGoToBankCard()">
<div class="left_gn">
- <div class="l_icon">
- <!-- <img src="../../assets/img/yeb.png" alt /> -->
- </div>
+ <!-- <div class="l_icon">
+ <van-icon name="card" size=".8rem" />
+ </div> -->
<div class="r_title">
<span>{{ $t("hj147") }}</span>
</div>
@@ -25,9 +49,9 @@
</div>
<div class="jy" @click="goToSettings()">
<div class="left_gn">
- <div class="l_icon">
- <!-- <img src="../../assets/img/yeb.png" alt /> -->
- </div>
+ <!-- <div class="l_icon">
+ <van-icon name="lock" size=".8rem" />
+ </div> -->
<div class="r_title">
<span>{{ $t("hj144") }}</span>
</div>
@@ -36,27 +60,24 @@
<img src="../../assets/img/youjiantou.png" alt />
</div>
</div>
-
- <div class="jy" @click="handleGoToAuthentication()">
+ <!-- <div class="jy" @click="handleGoToBankCard1()">
<div class="left_gn">
<div class="l_icon">
- <!-- <img src="../../assets/img/yeb.png" alt /> -->
+ <van-icon name="friends" size=".8rem" />
</div>
<div class="r_title">
- <span>{{ $t("hj146") }}</span>
+ <span>{{ $t("关于我们") }}</span>
</div>
</div>
<div class="right_gos">
- <div class="right_gos_txt" v-if="userInfo.realName">
- {{ $t("ysmrz") }}
- </div>
- <img v-else src="../../assets/img/youjiantou.png" alt />
+ <img src="../../assets/img/youjiantou.png" alt />
</div>
- </div>
-
+ </div> -->
<div class="jy" @click="clicklang()">
<div class="left_gn">
- <div class="l_icon"></div>
+ <!-- <div class="l_icon">
+ <img src="../../assets/img/语言切换.png" alt />
+ </div> -->
<div class="r_title">
<span>{{ $t("yy") }}</span>
</div>
@@ -65,26 +86,9 @@
<div style="margin-right: 10px">{{ language }}</div>
</div>
</div>
- <van-popup
- v-model="settingDialog"
- position="bottom"
- :style="{ height: '35%' }"
- @close="popClose"
- >
- <div
- class="lang_box"
- v-for="(item, index) in actions"
- :key="index"
- @click="qkclick(item)"
- >
- <div
- :class="$i18n.locale == item.lang ? 'lang_box_txt' : 'lang_box_txta'"
- >
- {{ item.text }}
- </div>
- </div>
- </van-popup>
- <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }">
+ <Language ref="language" @onChange="onChange" />
+
+ <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%',backgroundColor: '#444'}">
<div class="setting_content">
<div class="old_password">
<div class="left_titles">
@@ -129,6 +133,7 @@
import { isNull, pwdReg } from "@/utils/utils";
import { mapMutations } from "vuex";
import { Notify } from "vant";
+import Language from "@/components/Language/index.vue";
export default {
name: "newUser",
@@ -143,63 +148,20 @@
cirNewPassword: "", // 确认新密码
userInfo: [],
onlineService: "",
- language: "",
- actions: [
- {
- text: "English",
- icon: require("@/assets/ico/english.png"),
- lang: "zh-CN",
- },
- {
- text: "हिंदी",
- icon: require("@/assets/ico/india.png"),
- lang: "en",
- },
- {
- text: "한국인",
- icon: require("@/assets/ico/india.png"),
- lang: "hy",
- },
- {
- text: "ภาษาไทย",
- icon: require("@/assets/ico/india.png"),
- lang: "ty",
- },
- {
- text: "日本語にほんご",
- icon: require("@/assets/ico/india.png"),
- lang: "ry",
- },
-
- {
- text: "繁体中文",
- icon: require("@/assets/ico/tw.png"),
- lang: "tw",
- },
- ],
+ language: ""
};
},
- components: {},
+ components: { Language },
created() {
this.getUserInfo();
- this.language = window.localStorage.getItem("language") || "zh-CN";
- let arr = this.actions.filter((item) => item.lang === this.language);
- this.language = arr[0].text;
},
methods: {
...mapMutations(["undataToken"]),
-
- popClose() {
- this.settingDialog = false;
- },
- qkclick(e) {
- this.settingDialog = false;
- window.localStorage.setItem("language", e.lang);
- this.$i18n.locale = e.lang;
- this.language = e.text;
+ onChange(e) {
+ this.language = e;
},
clicklang() {
- this.settingDialog = true;
+ this.$refs.language.settingDialog = true;
},
yebclick() {
this.$router.push("/yeb");
@@ -280,6 +242,7 @@
// 判断是否登录
this.$store.commit("dialogVisible", false);
this.$store.state.userInfo = data.data;
+ document.title = "Setting";
this.userInfo = data.data;
} else {
this.$store.commit("dialogVisible", true);
@@ -298,9 +261,9 @@
},
handleOutLoginClick() {
// 退出登录
- MessageBox.confirm(this.$t("hj149") + "?", this.$t("hj165"), {
- confirmButtonText: this.$t("hj161"),
- cancelButtonText: this.$t("hj106"),
+ MessageBox.confirm(this.$t("hj149"), this.$t(""), {
+ confirmButtonText: this.$t("qr"),
+ cancelButtonText: this.$t("hj106")
})
.then(() => {
this.toRegister();
@@ -326,7 +289,11 @@
this.$router.push("/download");
},
handleGoToBankCard() {
- this.$router.push("/bankCard");
+ // this.$router.push("/bankCard");
+ this.$router.push("/banklist");
+ },
+ handleGoToBankCard1() {
+ this.$router.push("/bankCard1");
},
async toRegister() {
// 注销登陆
@@ -359,7 +326,7 @@
if (this.newPassword === this.cirNewPassword) {
let opts = {
oldPwd: this.oldPassword,
- newPwd: this.newPassword,
+ newPwd: this.newPassword
};
let data = await api.changePassword(opts);
if (data.status === 0) {
@@ -369,7 +336,7 @@
this.settingDialog = false;
Notify({
type: "success",
- message: this.$t("密码修改成功"),
+ message: this.$t("密码修改成功")
});
this.toRegister();
} else {
@@ -385,12 +352,31 @@
// 支持
navigator.vibrate([55]);
}
- },
- },
+ }
+ }
};
</script>
<style scoped lang="less">
+@green: #287dff;
+
+/deep/ .van-nav-bar__content {
+ height: 65px;
+}
+
+/deep/ .van-nav-bar__title {
+ font-family: "DINPro";
+ width: 100%;
+ height: 1.17333rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-style: normal;
+ font-weight: 700;
+ font-size: 0.48rem;
+ color: #14181f;
+}
+
.right_gos_txt {
margin-right: 15px;
}
@@ -399,6 +385,7 @@
width: 100%;
height: 5rem;
padding: 0.3rem;
+ color: #333;
.old_password {
width: 100%;
@@ -439,7 +426,7 @@
width: 100%;
height: 1.3rem;
border-radius: 0.15rem;
- background: #2d6ae9;
+ background: @green;
color: #fff;
font-size: 0.4615rem;
margin-top: 0.5rem;
@@ -479,15 +466,15 @@
}
.btn_s_box {
- border: none;
- background: #409eff;
- color: #fff;
+ border: @green solid 0.01em;
+ // background: #fff;
+ // color: @green;
height: 70px;
width: 100%;
line-height: 70px;
font-size: 16px;
text-align: center;
- border-radius: 15px;
+ border-radius: 5px;
font-weight: 600;
margin: 40px 20px 0 20px;
}
@@ -500,16 +487,14 @@
}
.jy {
- width: 100%;
+ width: 95vw;
height: 1.5rem;
- // border-radius: 0.2rem;
- background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
- // padding: 0 0.3rem;
+ margin: 0 2.5vw;
padding-top: 0.3rem;
- border-bottom: 1px solid #ecf5ff;
+ border-bottom: 1px solid #21242b;
.left_gn {
// width: 40%;
@@ -522,10 +507,11 @@
display: flex;
justify-content: center;
align-items: center;
+ padding-left: 0.4rem;
img {
- width: 0.5041rem;
- height: 0.5041rem;
+ width: 0.8rem;
+ height: 0.8rem;
}
}
@@ -535,8 +521,8 @@
display: flex;
align-items: center;
font-size: 0.4046rem;
- color: #404040;
- padding-left: 0.4rem;
+ color: #ccc;
+ padding-left: 0.2rem;
span {
font-weight: 600;
--
Gitblit v1.9.3