1

jhzh

2025-07-28 a8b0eb32d97e7a540692a8a29f610fe76d67ef74

 src/page/bankCard1/index.vue

@@ -1,97 +1,125 @@
<template>
   <div class="bank_card_page">
      <div class="content">
         <div class="top_back">
  <div class="bank_card_page">
    <van-nav-bar
      :placeholder="true"
      :safe-area-inset-top="true"
      :title="$t('关于我们')"
      left-arrow
      @click-left="$router.go(-1)"
    >
    </van-nav-bar>
    <div class="content">
      <!-- <div class="top_back">
            <div class="left_back_icon" @click="$router.go(-1)">
               <img src="../../assets/img/zuojiantou.png" alt />
            </div>
         </div>
         <div class="titles">
            <span>{{ $t('关于我们') }}</span>
         </div>
         <div class="bank_name">
        {{ $t('关于我们') }}{{ $t('关于我们') }}{{ $t('关于我们') }}{{ $t('关于我们') }}{{ $t('关于我们') }}
         </div>
      </div>
   </div>
         </div> -->

    <!--  <div class="titles">
        <span>{{ $t("关于我们") }}</span>
      </div> -->
      <div class="bank_name">
        {{
          $t('sgjj')
        }}
      </div>
      <div class="bank_name">
        {{
          $t('sgjj2')
        }}
      </div>
      <div class="bank_name">
        {{
          $t('sgjj3')
        }}
      </div>
    </div>
  </div>
</template>

<script>
   import * as api from "@/axios/api";
   import {
      Toast
   } from "mint-ui";
   import {
      isNull,
      bankNoReg,
      isName
   } from '@/utils/utils'
import * as api from "@/axios/api";
import { Toast } from "mint-ui";
import { isNull, bankNoReg, isName } from "@/utils/utils";

   export default {
      name: "bankCard1",
      data() {
         return {

         };
      },
      created() {

      },
      methods: {

      }
   };
export default {
  name: "bankCard1",
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>

<style scoped lang="less">
   .bank_card_page {
      width: 100%;
      height: 100%;
      background: #fff;
/deep/ .van-nav-bar__content {
  height: 65px;
}

      .content {
         width: 100%;
         height: 100%;
         padding: 0 0.6rem;
/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;

         .top_back {
            width: 100%;
            height: 2rem;
}

            >div {
               width: 10%;
               height: 100%;
               display: flex;
               align-items: center;
            }
.bank_card_page {
  width: 100%;
  height: 100%;
  background: #fff;

            img {
               width: 0.6rem;
               height: 0.6rem;
            }
         }
  .content {
    // width: 100%;
    margin: 20px;
    // padding: 0 0.6rem;
    background: rgb(247, 247, 247);
    border-radius: 0.2rem;
    .top_back {
      width: 100%;
      height: 2rem;

         .titles {
            width: 100%;
            height: 1.5rem;
            font-size: 0.641rem;
            margin-top: 1rem;
      > div {
        width: 10%;
        height: 100%;
        display: flex;
        align-items: center;
      }

            span {
               font-weight: 600;
            }
         }
      }
      img {
        width: 0.6rem;
        height: 0.6rem;
      }
    }

      .bank_name {
         width: 100%;
         height: 1.5rem;
      font-size: 0.5rem;
         display: flex;
         padding: 0 0.2rem;
         background: rgb(247, 247, 247);
         border-radius: 0.2rem;
         margin-top: 0.3rem;
      }
   }
    .titles {
      width: 100%;
      height: 1.5rem;
      font-size: 0.641rem;
      margin-top: 1rem;

      span {
        // font-weight: 600;
      }
    }
  }

  .bank_name {
    width: 100%;
    // height: 1.5rem;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    padding: 0.2rem;

    margin-top: 0.3rem;
  }
}
</style>