多于元

DESKTOP-CVS3R96\我恁爹

2022-11-15 d8f6c671a613b841566c8d7b1f36eb2bb9640ea9

 src/components/foot.vue

@@ -7,29 +7,29 @@
        </div>
      </div>
      <div v-show="$store.state.select != '/home'" class="footImgDeft">
        <img src="~@/assets/foot/home_default.png" />
        <img src="~@/assets/foot/tab_main_home_default.png" />
      </div>
      <div v-show="$store.state.select != '/home'">首页</div>
    </div>
    <div :class="touch==2?'footDemos':'footDemo'" @click="goRouter('/list',2)">
    <div :class="touch==2?'footDemos':'footDemo'" @click="goRouter('/trading-list',2)">
      <div class="footImgDeft">

        <img v-show="$store.state.select == '/list'" src="~@/assets/foot/trade_selected.png" />
        <img v-show="$store.state.select != '/list'" src="~@/assets/foot/trade_default.png" />
        <img v-show="$store.state.select == '/trading-list'" src="~@/assets/foot/trade_selected.png" />
        <img v-show="$store.state.select != '/trading-list'" src="~@/assets/foot/tab_main_trade_default.png" />
      </div>
      <div :class="$store.state.select == '/list'?'blueFont':''">交易</div>
      <div :class="$store.state.select == '/trading-list'?'blueFont':''">交易</div>
    </div>
    <div :class="touch==3?'footDemos':'footDemo'" @click="goRouter('/orderlist',3)">
    <div :class="touch==3?'footDemos':'footDemo'" @click="goRouter('/warehouse',3)">
      <div class="footImgDeft">
        <img v-show="$store.state.select == '/orderlist'" src="~@/assets/foot/positions_selected.png" />
        <img v-show="$store.state.select != '/orderlist'" src="~@/assets/foot/positions_default.png" />
        <img v-show="$store.state.select == '/warehouse'" src="~@/assets/foot/positions_selected.png" />
        <img v-show="$store.state.select != '/warehouse'" src="~@/assets/foot/tab_main_positions_default.png" />
      </div>
      <div :class="$store.state.select == '/orderlist'?'blueFont':''">仓位</div>
      <div :class="$store.state.select == '/warehouse'?'blueFont':''">仓位</div>
    </div>
    <div :class="touch==4?'footDemos':'footDemo'" @click="goRouter('/user',4)">
      <div class="footImgDeft">
        <img v-show="$store.state.select == '/user'" src="~@/assets/foot/mine_selected.png" />
        <img v-show="$store.state.select != '/user'" src="~@/assets/foot/mine_default.png" />
        <img v-show="$store.state.select != '/user'" src="~@/assets/foot/tab_main_mine_default.png" />
      </div>
      <div :class="$store.state.select == '/user'?'blueFont':''">我的</div>
    </div>
@@ -48,6 +48,12 @@
    },
    methods: {
      goRouter(url, index) {
        if(index==3||index==4){
          if(window.localStorage.getItem('USERTOKEN')==""||window.localStorage.getItem('USERTOKEN')==null||window.localStorage.getItem('USERTOKEN')==undefined){
            this.$emit('close')
            return;
          }
        }
        this.touch = index
        setTimeout(() => {
          this.touch = 0
@@ -66,7 +72,7 @@
<style>
  .footCss {
    border-top: 0.01rem solid rgba(192, 192, 192, 0.1);
    background: rgb(33, 33, 43);
    
    position: fixed;
    bottom: 0;
    width: 100%;