1

admin

2026-01-21 faffbca10476b2267c9f05d518b4fa81952df101

 src/components/foot.vue

@@ -10,91 +10,46 @@
        {{ item.name }}
      </div>
    </div> -->
    <div
      :class="touch == 1 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/home_index', 1)"
    >
    <div :class="touch == 1 ? 'footDemos' : 'footDemo'" @click="goRouter('/home_index', 1)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/home_index'"
          src="../assets/foot/home-act.png"
        />
        <img
          v-show="$store.state.select != '/home_index'"
          src="../assets/foot/home.png"
        />
        <img v-show="$store.state.select == '/home_index'" src="../assets/foot/home-act.png" />
        <img v-show="$store.state.select != '/home_index'" src="../assets/foot/home.png" />
      </div>
      <div :class="$store.state.select == '/home_index' ? 'blueFont' : ''">
        {{ $t("hj224") }}
      </div>
    </div>
    <div
      :class="touch == 3 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/markets', 3)"
    >
    <div :class="touch == 3 ? 'footDemos' : 'footDemo'" @click="goRouter('/markets', 3)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/markets'"
          src="../assets/foot/language-act.png"
        />
        <img
          v-show="$store.state.select != '/markets'"
          src="../assets/foot/language.png"
        />
        <img v-show="$store.state.select == '/markets'" src="../assets/foot/language-act.png" />
        <img v-show="$store.state.select != '/markets'" src="../assets/foot/language.png" />
      </div>
      <div :class="$store.state.select == '/markets' ? 'blueFont' : ''">
        {{ $t("hj62") }}
      </div>
    </div>
    <div
      :class="touch == 6 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/watchlists', 6)"
    >
    <div :class="touch == 6 ? 'footDemos' : 'footDemo'" @click="goRouter('/watchlists', 6)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/watchlists'"
          src="../assets/foot/selected-act.png"
        />
        <img
          v-show="$store.state.select != '/watchlists'"
          src="../assets/foot/selected.png"
        />
        <img v-show="$store.state.select == '/watchlists'" src="../assets/foot/selected-act.png" />
        <img v-show="$store.state.select != '/watchlists'" src="../assets/foot/selected.png" />
      </div>
      <div :class="$store.state.select == '/watchlists' ? 'blueFont' : ''">
        {{ $t("hj61") }}
      </div>
    </div>
    <div
      :class="touch == 7 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/tradeNew', 7)"
    >
    <div :class="touch == 7 ? 'footDemos' : 'footDemo'" @click="goRouter('/tradeNew', 7)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/tradeNew'"
          src="../assets/foot/transaction-act.png"
        />
        <img
          v-show="$store.state.select != '/tradeNew'"
          src="../assets/foot/transaction.png"
        />
        <img v-show="$store.state.select == '/tradeNew'" src="../assets/foot/transaction-act.png" />
        <img v-show="$store.state.select != '/tradeNew'" src="../assets/foot/transaction.png" />
      </div>
      <div :class="$store.state.select == '/tradeNew' ? 'blueFont' : ''">
        {{ $t("hj225") }}
      </div>
    </div>
    <div
      :class="touch == 8 ? 'footDemos' : 'footDemo'"
      @click="goRouter('/account', 8)"
    >
    <div :class="touch == 8 ? 'footDemos' : 'footDemo'" @click="goRouter('/account', 8)">
      <div class="footImgDeft">
        <img
          v-show="$store.state.select == '/account'"
          src="../assets/foot/account-act.png"
        />
        <img
          v-show="$store.state.select != '/account'"
          src="../assets/foot/account.png"
        />
        <img v-show="$store.state.select == '/account'" src="../assets/foot/account-act.png" />
        <img v-show="$store.state.select != '/account'" src="../assets/foot/account.png" />
      </div>
      <div :class="$store.state.select == '/account' ? 'blueFont' : ''">
        {{ $t("Account") }}
@@ -181,13 +136,13 @@
      ]
    };
  },
  mounted() {},
  mounted() { },
  methods: {
    goRouter(url, index) {
      this.$router.push(url);
      this.touch = index;
      // this.touch = index;
      setTimeout(() => {
        this.touch = 0;
        // this.touch = 0;
      }, 500);
      if (navigator.vibrate) {
        // 支持
@@ -211,7 +166,7 @@
}

.footDemo {
  width: 0.8rem;
  width: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
@@ -307,5 +262,4 @@

// .footCss {
//   background: @purple;
// }
</style>
// }</style>