style

lxf

2025-05-22 e74a7c7afc56cf229058091fe2ae143cf0bdb3ca

 src/views/my/mysecurity.vue

@@ -1,6 +1,9 @@
<template>
  <div class="right-view">
    <div class="right-header" style="background-color: transparent; margin-bottom: 20px;">
    <div
      class="right-header"
      style="background-color: transparent; margin-bottom: 20px"
    >
      <div class="account-view">
        <div class="account-left-header light-background-color">
<!--          <div class="font-size28 font-bold">-->
@@ -27,7 +30,11 @@
      <!-- 谷歌验证 -->
      <div class="account-list">
        <div class="flex-row-center">
          <img class="list-left-img" src="@/assets/myImages/icon-image/account-security/1.png" alt="" />
          <img
            class="list-left-img"
            src="@/assets/myImages/icon-image/account-security/1.png"
            alt=""
          />
          <div class="margin-left10">
            <div>
              {{ $t("message.user.gugeyanzhengqi") }}（{{
@@ -40,10 +47,17 @@
          </div>
        </div>
        <div class="flex-row-center list-icon justify-flex-end">
          <verify-img :verrify="googleverif" :label="googleverif ? 'qiyong' : 'weibangding'" />
          <verify-img
            :verrify="googleverif"
            :label="googleverif ? 'qiyong' : 'weibangding'"
          />
        </div>
        <div class="justify-flex-end">
          <button v-if="!googleverif" class="light-grey-button" @click="() => handleModalStatus(true, 'isShowGoogle')">
          <button
            v-if="!googleverif"
            class="light-grey-button"
            @click="() => handleModalStatus(true, 'isShowGoogle')"
          >
            {{ $t("message.user.bangding") }}
          </button>
          <button v-else class="light-grey-button" @click="unbind(1)">
@@ -54,7 +68,11 @@
      <!-- 邮箱验证 -->
      <div class="account-list">
        <div class="flex-row-center">
          <img class="list-left-img" src="@/assets/myImages/icon-image/account-security/3.png" alt="" />
          <img
            class="list-left-img"
            src="@/assets/myImages/icon-image/account-security/3.png"
            alt=""
          />
          <div class="margin-left10">
            <div>{{ $t("message.user.youxiangrenzheng") }}</div>
            <div class="linght-grey-color margin-top5">
@@ -68,7 +86,11 @@
          <div v-else>{{ $t("message.user.weibangding") }}</div>
        </div>
        <div class="justify-flex-end">
          <button v-if="!emailverif" class="light-grey-button" @click="() => handleModalStatus(true, 'isShowEmail')">
          <button
            v-if="!emailverif"
            class="light-grey-button"
            @click="() => handleModalStatus(true, 'isShowEmail')"
          >
            {{ $t("message.user.bangding") }}
          </button>
          <button v-else class="light-grey-button" @click="unbind(3)">
@@ -79,7 +101,11 @@
      <!-- 身份认证 -->
      <div class="account-list">
        <div class="flex-row-center">
          <img class="list-left-img" src="@/assets/myImages/icon-image/account-security/4.png" alt="" />
          <img
            class="list-left-img"
            src="@/assets/myImages/icon-image/account-security/4.png"
            alt=""
          />
          <div class="margin-left10">
            <div>{{ $t("message.user.shenfenrenzheng") }}</div>
            <div class="linght-grey-color margin-top5">
@@ -102,7 +128,10 @@
          </div>
        </div>
        <div class="justify-flex-end">
          <button class="light-grey-button" @click="() => handleModalStatus(true, 'isShowIdentity')">
          <button
            class="light-grey-button"
            @click="() => handleModalStatus(true, 'isShowIdentity')"
          >
            {{
              !identityverif
              ? $t("message.user.bangding")
@@ -114,7 +143,11 @@
      <!-- 高级认证 -->
      <div class="account-list margin-bottom30">
        <div class="flex-row-center">
          <img class="list-left-img" src="@/assets/myImages/icon-image/account-security/5.png" alt="" />
          <img
            class="list-left-img"
            src="@/assets/myImages/icon-image/account-security/5.png"
            alt=""
          />
          <div class="margin-left10">
            <div>{{ $t("message.user.gaojirenzheng") }}</div>
            <div class="linght-grey-color margin-top5">
@@ -154,7 +187,11 @@
      <!-- 登录密码 -->
      <div class="account-list">
        <div class="flex-row-center">
          <img class="list-left-img" src="@/assets/myImages/icon-image/account-security/6.png" alt="" />
          <img
            class="list-left-img"
            src="@/assets/myImages/icon-image/account-security/6.png"
            alt=""
          />
          <div class="margin-left10">
            <div>{{ $t("message.user.denglumima") }}</div>
            <div class="linght-grey-color margin-top5">
@@ -163,7 +200,10 @@
          </div>
        </div>
        <div class="justify-flex-end">
          <button class="light-grey-button" @click="() => handleModalStatus(true, 'isShowLoginPassword')">
          <button
            class="light-grey-button"
            @click="() => handleModalStatus(true, 'isShowLoginPassword')"
          >
            {{ $t("message.user.xiugai") }}
          </button>
        </div>
@@ -171,7 +211,11 @@
      <!-- 资金密码 -->
      <div class="account-list">
        <div class="flex-row-center">
          <img class="list-left-img" src="@/assets/myImages/icon-image/account-security/7.png" alt="" />
          <img
            class="list-left-img"
            src="@/assets/myImages/icon-image/account-security/7.png"
            alt=""
          />
          <div class="margin-left10">
            <div>{{ $t("message.user.zijinmima") }}</div>
            <div class="linght-grey-color margin-top5">
@@ -180,7 +224,10 @@
          </div>
        </div>
        <div class="justify-flex-end">
          <button class="light-grey-button" @click="() => handleModalStatus(true, 'isShowFund')">
          <button
            class="light-grey-button"
            @click="() => handleModalStatus(true, 'isShowFund')"
          >
            {{ $t("message.user.xiugai") }}
          </button>
        </div>
@@ -188,7 +235,11 @@
      <!-- 人工重置 -->
      <div class="account-list">
        <div class="flex-row-center">
          <img class="list-left-img" src="@/assets/myImages/icon-image/account-security/8.png" alt="" />
          <img
            class="list-left-img"
            src="@/assets/myImages/icon-image/account-security/8.png"
            alt=""
          />
          <div class="margin-left10">
            <div>{{ $t("message.user.rengongchongzhi") }}</div>
            <div class="linght-grey-color margin-top5">
@@ -216,15 +267,37 @@
      </div>
    </div>
    <!-- 弹窗 -->
    <email-bind :isShowEmail="isShowEmail" @changeModalShow="handleModalStatus"></email-bind>
    <email-bind
      :isShowEmail="isShowEmail"
      @changeModalShow="handleModalStatus"
    ></email-bind>

    <google-bind :isShowGoogle="isShowGoogle" @changeModalShow="handleModalStatus"></google-bind>
    <login-password :isShowLoginPassword="isShowLoginPassword" @changeModalShow="handleModalStatus"></login-password>
    <funds-password :isShowFund="isShowFund" @changeModalShow="handleModalStatus"></funds-password>
    <identity-authenty :isShowIdentity="isShowIdentity" @changeModalShow="handleModalStatus"></identity-authenty>
    <advance-certify :isShowAdvance="isShowAdvance" @changeModalShow="handleModalStatus"></advance-certify>
    <manual-reset :isShowManual="isShowManual" :status="manualStatus" :selectType="radioType"
      @changeModalShow="handleModalStatus"></manual-reset>
    <google-bind
      :isShowGoogle="isShowGoogle"
      @changeModalShow="handleModalStatus"
    ></google-bind>
    <login-password
      :isShowLoginPassword="isShowLoginPassword"
      @changeModalShow="handleModalStatus"
    ></login-password>
    <funds-password
      :isShowFund="isShowFund"
      @changeModalShow="handleModalStatus"
    ></funds-password>
    <identity-authenty
      :isShowIdentity="isShowIdentity"
      @changeModalShow="handleModalStatus"
    ></identity-authenty>
    <advance-certify
      :isShowAdvance="isShowAdvance"
      @changeModalShow="handleModalStatus"
    ></advance-certify>
    <manual-reset
      :isShowManual="isShowManual"
      :status="manualStatus"
      :selectType="radioType"
      @changeModalShow="handleModalStatus"
    ></manual-reset>
  </div>
</template>
<script>
@@ -477,7 +550,7 @@
  box-sizing: border-box;
}
.light-grey-button{
  background-color: rgb(42, 100, 251);
  background-color: #f7b328;
  color: rgb(255, 255, 255);
}
</style>