From cd7857e2fced79ca20ad1903d03b32b96da04b79 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Mon, 15 Sep 2025 11:07:25 +0800
Subject: [PATCH] 1
---
src/page/newUser/setting.vue | 126 +++++++++++++++++++++++++----------------
1 files changed, 77 insertions(+), 49 deletions(-)
diff --git a/src/page/newUser/setting.vue b/src/page/newUser/setting.vue
index 456c4a1..237ac45 100644
--- a/src/page/newUser/setting.vue
+++ b/src/page/newUser/setting.vue
@@ -1,33 +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="handleGoToBankCard1()">
+ <div class="jy" @click="handleGoToAuthentication()">
<div class="left_gn">
- <div class="l_icon">
- <!-- <img src="../../assets/img/yeb.png" alt /> -->
- </div>
+ <!-- <div class="l_icon">
+ <van-icon name="manager" size=".8rem" />
+ </div> -->
<div class="r_title">
- <span>{{ $t("关于我们") }}</span>
+ <span>{{ $t("rnv") }}</span>
</div>
</div>
<div class="right_gos">
- <img src="../../assets/img/youjiantou.png" alt />
+ <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>
@@ -38,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>
@@ -49,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>
@@ -80,7 +88,7 @@
</div>
<Language ref="language" @onChange="onChange" />
- <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }">
+ <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%',backgroundColor: '#444'}">
<div class="setting_content">
<div class="old_password">
<div class="left_titles">
@@ -140,7 +148,7 @@
cirNewPassword: "", // 确认新密码
userInfo: [],
onlineService: "",
- language: "",
+ language: ""
};
},
components: { Language },
@@ -234,7 +242,7 @@
// 判断是否登录
this.$store.commit("dialogVisible", false);
this.$store.state.userInfo = data.data;
- document.title = 'Setting'
+ document.title = "Setting";
this.userInfo = data.data;
} else {
this.$store.commit("dialogVisible", true);
@@ -255,7 +263,7 @@
// 退出登录
MessageBox.confirm(this.$t("hj149"), this.$t(""), {
confirmButtonText: this.$t("qr"),
- cancelButtonText: this.$t("hj106"),
+ cancelButtonText: this.$t("hj106")
})
.then(() => {
this.toRegister();
@@ -281,7 +289,8 @@
this.$router.push("/download");
},
handleGoToBankCard() {
- this.$router.push("/bankCard");
+ // this.$router.push("/bankCard");
+ this.$router.push("/banklist");
},
handleGoToBankCard1() {
this.$router.push("/bankCard1");
@@ -317,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) {
@@ -327,7 +336,7 @@
this.settingDialog = false;
Notify({
type: "success",
- message: this.$t("密码修改成功"),
+ message: this.$t("密码修改成功")
});
this.toRegister();
} else {
@@ -343,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;
}
@@ -357,6 +385,7 @@
width: 100%;
height: 5rem;
padding: 0.3rem;
+ color: #333;
.old_password {
width: 100%;
@@ -397,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;
@@ -437,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;
}
@@ -458,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%;
@@ -480,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;
}
}
@@ -493,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