前端下单页面改成模范网站样式 包括颜色

dcc

2024-05-15 9d1fadaf0e2abf8e04446580d8baadf7717ce0d1

 src/page/assetsCenter/index.vue

@@ -1,5 +1,6 @@
<template>
  <div class="pb-120 assetsCenter">
    <assets-head :title="$t('资产中心')" />
    <div class="flex justify-between px-52 pt-31  box-border">
      <div class="flex-1 items-center text-center textColor1" v-for="(item, index) in typeList " :key="'type' + index"
        @click="onTabs(index)">
@@ -10,12 +11,12 @@
      <span class="flex-1 border-b-color " :class="{ active_color: tab === 0 }"></span>
      <span class="flex-1 border-b-color" :class="{ active_color: tab === 1 }"></span>
      <span class="flex-1 border-b-color" :class="{ active_color: tab === 2 }"></span>
      <span class="flex-1 border-b-color" :class="{ active_color: tab === 3 }"></span>
      <!-- <span class="flex-1 border-b-color" :class="{ active_color: tab === 3 }"></span> -->
    </div>
    <over-view v-if="tab === 0" :funds="funds" :key="tab"></over-view>
    <as-sets v-if="tab === 1" :funds="funds" :key="tab"></as-sets>
    <contract v-if="tab === 2" :funds="funds" :index="index" :key="tab"></contract>
    <financial v-if="tab === 3" :funds="funds" :index="index" :key="tab"></financial>
    <!-- <financial v-if="tab === 3" :funds="funds" :index="index" :key="tab"></financial> -->

  </div>
</template>
@@ -27,9 +28,11 @@
import Contract from "@/components/assetsCenter/contract"
import Financial from "@/components/assetsCenter/financial"
import Axios from "@/API/assets"
import assetsHead from "@/components/assets-head/index.vue";
export default {
  name: "assets-index",
  components: {
    assetsHead,
    AsSets,
    OverView,
    Contract,
@@ -54,9 +57,9 @@
          type: this.$t('合约'),

        },
        {
          type: this.$t('理财'),
        },
        // {
        //   type: this.$t('理财'),
        // },
      ]
    }
  },