1

PC-20250623MANY\Administrator

2025-08-13 79db9782438e27a9006d540d18d649c720180a31

 src/page/trading/buy.vue

@@ -4,7 +4,7 @@
      <div class="top_cny">
        <div class="top_back">
          <div class="left_back" @click="handleBack()">
            <img src="../../assets/img/zuojiantou.png" alt />
            <img src="../../assets/img/backs.png" alt />
          </div>
          <div class="right_title">
            <div class="t_t" style="white-space: nowrap">
@@ -222,8 +222,10 @@
        </div>
      </div> -->
      <div class="btn_buy" @click="gdOrSetBuy()">
        <!-- <div :class="tabsCurrentIndex == 0 ? 'maichu' : ''">#c4d600 -->
        <div class="maichu" style="background-color:#c4d600">
        <div
          :class="tabsCurrentIndex == 0 ? 'maichu' : ''"
          style="background-color:#287dff"
        >
          <span>{{ tabsCurrentIndex == 0 ? $t("hj84") : $t("gm") }}</span>
        </div>
      </div>
@@ -760,13 +762,13 @@
.buy_page {
  width: 100%;
  min-height: 100vh;
  background-color: #fff;
  // background-color: #fff;

  > .content {
    width: 100%;
    height: calc(100% - 1.6rem);
    position: relative;
    background-color: rgb(241, 242, 246);
    background-color: #222;
  }
}

@@ -872,7 +874,7 @@
          > div {
            width: 45%;
            height: 70%;
            background: rgb(236, 236, 236);
            background: #444;
            display: flex;
            justify-content: center;
            align-items: center;
@@ -881,7 +883,7 @@
          }

          .active {
            background: #fff;
            background: #333;
            color: rgb(110, 169, 118);

            span {
@@ -890,7 +892,7 @@
          }

          .actives {
            background: #fff;
            background: #333;
            color: rgb(212, 71, 78);

            span {
@@ -907,14 +909,14 @@
  width: 100%;
  height: auto;
  padding: 0.2rem 0.8rem;
  background: #fff;
  // background: #fff;
  margin-top: 0.1rem;
  border-radius: 0.3rem;

  .tabs {
    width: 100%;
    height: 0.8205rem;
    background: rgb(247, 247, 247);
    background: #555;
    display: flex;
    align-items: center;
    justify-content: center;
@@ -930,7 +932,7 @@
    }

    .active {
      background: #fff;
      background: #333;

      span {
        font-weight: 600;
@@ -985,7 +987,7 @@
      }

      .bottom_bzz {
        color: #000;
        // color: #000;
        font-size: 0.3846rem;

        span {
@@ -1007,7 +1009,7 @@
      border-bottom: 0.05rem solid rgb(236, 236, 236);

      > div {
        color: #000;
        // color: #000;
      }
    }
  }
@@ -1049,7 +1051,7 @@
  width: 100%;
  height: auto;
  bottom: 0;
  background: #fff;
  // background: #fff;
  padding: 0.8rem 0.8rem;
  display: flex;
  align-items: flex-end;
@@ -1119,7 +1121,7 @@
}

.maichu {
  // background-color: rgb(225, 59, 69) !important;
  background-color: rgb(225, 59, 69) !important;
}

.mr {
@@ -1135,7 +1137,7 @@
    left: -0.1rem;
    z-index: 10000;
    background: rgba(255, 255, 255, 0);
    border-left: 0.12rem solid rgb(241, 242, 246);
    border-left: 0.12rem solid #555;
    transform-origin: bottom right;
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
@@ -1156,7 +1158,7 @@
    left: 0;
    z-index: 10000;
    background: rgba(255, 255, 255, 0);
    border-right: 0.1rem solid rgb(241, 242, 246);
    border-right: 0.1rem solid #555;
    transform-origin: bottom left;
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);