feat

lxf

2025-04-18 66a33e936d39ec4db7fdffed5d646e044ccc43e9

 src/page/financialManagement/index.vue

@@ -2,33 +2,43 @@
  <div class="financialManagement">
    <assets-head title="" :goHome="true" />
    <div class="px-32 mt-20">
      <div class="font-700 font-53 textColor">{{$t('理财')}}</div>
      <div class="mt-20 font-26 textColor">{{$t('简单、安全搜索热门币种、立即赚取收益')}}</div>
      <div class="mt-64 mb-32 font-600 font-40 textColor">{{$t('高收益型')}}</div>
      <div @click="$router.push('/fund')" class="pt financial financial-bg flex justify-between items-center">
        <div class="flex flex-col items-start">
          <span class="font-53 font-700 mb-22">{{$t('基金理财')}}</span>
          <span class="font-26">{{$t('稳健增值,周期灵活')}}</span>
          <span class="mt-10 font-26">{{$t('安心理财')}}</span>
        </div>
        <img class="w-290 h-240" src="./images/f-bg.png" alt="">
      <div class="font-700 font-53 textColor">{{ $t("理财") }}</div>
      <div class="mt-20 font-26 textColor">
        {{ $t("简单、安全搜索热门币种、立即赚取收益") }}
      </div>
      <div @click="$router.push('/machine')" class="financial pool-lock-bg mt-32 flex justify-between items-center">
        <div class="flex flex-col items-start">
          <span class="font-53 font-700 mb-22">{{$t('智能矿池')}}</span>
          <span class="font-26">{{$t('真实矿机租赁，套餐选择灵活')}}</span>
          <span class="mt-10 font-26">{{$t('值得信赖的矿机共享平台')}}</span>
        </div>
        <img class="w-290 h-240" src="./images/l-bg.png" alt="">
      <div class="mt-64 mb-32 font-600 font-40 textColor">
        {{ $t("高收益型") }}
      </div>
      <div @click="$router.push('/pledgeLoan')" class="financial pool-lock-bg mt-32 flex justify-between items-center">
      <div
        @click="$router.push('/fund')"
        class="pt financial financial-bg flex justify-between items-center"
      >
        <div class="flex flex-col items-start">
          <span class="font-53 font-700 mb-22">{{ $t("基金理财") }}</span>
          <span class="font-26">{{ $t("稳健增值,周期灵活") }}</span>
          <span class="mt-10 font-26">{{ $t("安心理财") }}</span>
        </div>
        <img class="w-290 h-240" src="./images/f-bg.png" alt="" />
      </div>
      <div
        @click="$router.push('/machine')"
        class="financial pool-lock-bg mt-32 flex justify-between items-center"
      >
        <div class="flex flex-col items-start">
          <span class="font-53 font-700 mb-22">{{ $t("智能矿池") }}</span>
          <span class="font-26">{{ $t("真实矿机租赁，套餐选择灵活") }}</span>
          <span class="mt-10 font-26">{{ $t("值得信赖的矿机共享平台") }}</span>
        </div>
        <img class="w-290 h-240" src="./images/l-bg.png" alt="" />
      </div>
      <!--      <div @click="$router.push('/pledgeLoan')" class="financial pool-lock-bg mt-32 flex justify-between items-center">
        <div class="flex flex-col items-start">
          <span class="font-53 font-700 mb-22">{{$t('质押借币')}}</span>
          <span class="font-26">{{$t('随时还款、按小时计息')}}</span>
          <span class="mt-10 font-26">{{$t('无需手续费')}}</span>
        </div>
        <img class="w-290 h-240" src="./images/p-bg.png" alt="">
      </div>
      </div> -->
    </div>
  </div>
</template>
@@ -40,14 +50,14 @@
  components: {
    assetsHead,
  },
}
};
</script>

<style lang="scss" scoped>
.financialManagement{
    width: 100%;
    box-sizing: border-box;
  }
.financialManagement {
  width: 100%;
  box-sizing: border-box;
}
.financial-bg {
  background: url("./images/bg.png") no-repeat;
  background-size: 100% 100%;
@@ -60,7 +70,7 @@
  border-radius: 12px;
  padding: 30px 0 30px 32px;
}
.pledge-loan-bg{
.pledge-loan-bg {
  background: url("./images/pl-bg.png") no-repeat;
  background-size: 100% 100%;
  border-radius: 12px;