1
jhzh
2025-07-19 d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d
src/page/newUser/setting.vue
@@ -1,32 +1,26 @@
<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 class="jy" @click="handleGoToBankCard()">
      <div class="left_gn">
        <div class="l_icon">
          <!-- <img src="../../assets/img/yeb.png" alt /> -->
        </div>
        <div class="r_title">
          <span>{{ $t("hj147") }}</span>
        </div>
      </div>
      <div class="right_gos">
        <img src="../../assets/img/youjiantou.png" alt />
      </div>
    </div>
    </div> -->
    <div style=" height: 10px; background-color: #f8f8f8"></div>
    <div class="jy" @click="goToSettings()">
      <div class="left_gn">
        <div class="l_icon">
          <!-- <img src="../../assets/img/yeb.png" alt /> -->
          <img src="../../assets/img/login_pass.svg" alt />
        </div>
        <div class="r_title">
          <span>{{ $t("hj144") }}</span>
@@ -36,14 +30,55 @@
        <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 /> -->
          <img src="../../assets/img/company_Introduction.svg" alt />
        </div>
        <div class="r_title">
          <span>{{ $t("hj146") }}</span>
          <span>{{ $t("关于我们") }}</span>
        </div>
      </div>
      <div class="right_gos">
        <img 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/i18.svg" alt />
        </div>
        <div class="r_title">
          <span>{{ $t("hj147") }}</span>
        </div>
      </div>
      <div class="right_gos">
        <img src="../../assets/img/youjiantou.png" alt />
      </div>
    </div> -->
    <div class="jy" @click="clicklang()">
      <div class="left_gn">
        <div class="l_icon">
          <img src="../../assets/img/i18.svg" alt />
        </div>
        <div class="r_title">
          <span>{{ $t("yy") }}</span>
        </div>
      </div>
      <div class="right_gos">
        {{language}}
        <img src="../../assets/img/youjiantou.png" alt />
      </div>
    </div>
    <!-- <div class="jy" @click="handleGoToAuthentication()">
      <div class="left_gn">
        <div class="l_icon">
          <img src="../../assets/img/login_pass.svg" alt />
        </div>
        <div class="r_title">
          <span>KYC</span>
        </div>
      </div>
      <div class="right_gos">
@@ -52,9 +87,22 @@
        </div>
        <img v-else src="../../assets/img/youjiantou.png" alt />
      </div>
    </div> -->
    <div class="jy" @click="handleOutLoginClick()">
      <div class="left_gn">
        <div class="l_icon">
          <img src="../../assets/img/log_out.svg" alt />
        </div>
        <div class="r_title">
          <span>{{ $t("hj148") }}</span>
        </div>
      </div>
      <div class="right_gos">
        <img  src="../../assets/img/youjiantou.png" alt />
      </div>
    </div>
    <div class="jy" @click="clicklang()">
    <!-- <div class="jy" @click="clicklang()">
      <div class="left_gn">
        <div class="l_icon"></div>
        <div class="r_title">
@@ -64,7 +112,7 @@
      <div class="right_gos">
        <div style="margin-right: 10px">{{ language }}</div>
      </div>
    </div>
    </div> -->
    <Language ref="language" @onChange="onChange" />
    <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }">
@@ -98,11 +146,11 @@
        </div>
      </div>
    </van-popup>
    <div class="btn_s">
    <!-- <div class="btn_s">
      <button class="btn_s_box" @click="handleOutLoginClick()">
        {{ $t("hj148") }}
      </button>
    </div>
    </div> -->
  </div>
</template>
@@ -268,7 +316,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() {
      // 注销登陆
@@ -333,6 +385,22 @@
</script>
<style scoped lang="less">
  /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: 500;
    font-size: 0.48rem;
    color: #14181f;
  }
.right_gos_txt {
  margin-right: 15px;
}
@@ -370,7 +438,7 @@
      align-items: center;
      input {
        width: 100%;
        // width: 100%;
        height: 100%;
        padding-left: 0.2rem;
      }
@@ -378,7 +446,7 @@
  }
  .btn_setting {
    width: 100%;
    // width: 100%;
    height: 1.3rem;
    border-radius: 0.15rem;
    background: #2d6ae9;
@@ -396,7 +464,7 @@
}
.lang_box_txta {
  width: 100%;
  // width: 100%;
  height: 100px;
  text-align: center;
  line-height: 100px;
@@ -404,7 +472,7 @@
}
.lang_box_txt {
  width: 100%;
  // width: 100%;
  height: 100px;
  text-align: center;
  line-height: 100px;
@@ -413,7 +481,7 @@
}
.lang_box {
  width: 100%;
  // width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
@@ -425,7 +493,7 @@
  background: #409eff;
  color: #fff;
  height: 70px;
  width: 100%;
  // width: 100%;
  line-height: 70px;
  font-size: 16px;
  text-align: center;
@@ -435,14 +503,14 @@
}
.btn_s {
  width: 100%;
  // width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jy {
  width: 100%;
  // width: 100%;
  height: 1.5rem;
  // border-radius: 0.2rem;
  background: #fff;
@@ -450,6 +518,7 @@
  align-items: center;
  justify-content: space-between;
  // padding: 0 0.3rem;
  // background-color: red;''
  padding-top: 0.3rem;
  border-bottom: 1px solid #ecf5ff;
@@ -464,7 +533,7 @@
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 0.4rem;
      img {
        width: 0.5041rem;
        height: 0.5041rem;
@@ -476,12 +545,11 @@
      height: 100%;
      display: flex;
      align-items: center;
      font-size: 0.4046rem;
      color: #404040;
      padding-left: 0.4rem;
      font-size: 0.3733333rem;
      color: #185546;
      padding-left: 0.2rem;
      span {
        font-weight: 600;
        // font-weight: 600;
      }
    }
  }
@@ -556,12 +624,13 @@
}
.content {
  width: 100%;
  // width: 100%;
  margin: 0px 20px;
  height: 100%;
  // padding: 0 0.3rem;
  .top_back {
    width: 100%;
    // width: 100%;
    height: 2rem;
    display: flex;
    background-color: #fff;
@@ -580,7 +649,7 @@
    }
    .titles {
      width: 100%;
      // width: 100%;
      height: 1.5rem;
      margin-top: 15px;
      // margin-left: 110px;