1

jhzh

2025-11-12 1bd03f5c2e7b9fa9cc80c4e673e18132da411333

 src/page/trading/buy.vue

@@ -4,11 +4,11 @@
      <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">
              <span>{{ name }}</span>
            <div class="t_t" style="white-space: pre-wrap">
              <span>{{ name }}({{ gid }})</span>
            </div>
            <div class="b_t">
              <span>{{ spell }}</span>
@@ -19,7 +19,10 @@
          <div class="cot">
            <div class="lefts">
              <div class="top_new">
                <span>{{ nowPrice }}</span>
                <span>
                  {{ bayType | currencySymbol }}
                  {{ nowPrice | _toLocaleString }}
                </span>
              </div>
              <div class="bottom_es">
                <span>{{ $t("hj98") }}</span>
@@ -32,7 +35,7 @@
                  @click="handleTradingClick(0)"
                  :class="tabsCurrentIndex === 0 ? 'actives' : ''"
                >
                  <span>{{ $t("hj84") }}</span>
                  <span>Short</span>
                </div>

                <div
@@ -40,7 +43,7 @@
                  @click="handleTradingClick(1)"
                  :class="tabsCurrentIndex === 1 ? 'active' : ''"
                >
                  <span>{{ $t("hj85") }}</span>
                  <span>Long</span>
                </div>
              </div>
            </div>
@@ -94,6 +97,7 @@
                type="number"
                onkeyup="value=value.replace(/[^\d]/g,'')"
                v-model="num"
                @input="numInput"
              />
            </div>
            <div class="right_sw flexJy" style="width: auto">
@@ -101,14 +105,7 @@
                <img src="@/assets/img/ic_number_jian.png" />
              </div>
              <div class="addorj"></div>
              <div
                class="addorj"
                @click="
                  typeof num == 'string'
                    ? (num = Number(Number(num) + 1))
                    : (num = Number(Number(num) + 1))
                "
              >
              <div class="addorj" @click="jjjisua">
                <img src="@/assets/img/ic_number_add.png" />
              </div>
            </div>
@@ -116,31 +113,67 @@
          <div class="tr_rs gg" @click="showGg = true">
            <div class="top_bzz">
              <span>{{ $t("hj101") }}</span>
              <span>{{ selectCycle + "X" }}</span>
              <span>{{ selectCycle }}</span>
            </div>
          </div>
          <div class="tr_rs">
            <div class="top_bzz" style="padding-bottom: 0.2rem">
              <span style="text-align: left">
                {{ $t("交易总额") }}({{ moneyData.symbol || "$" }})
              </span>
              <span style="text-align: right">
                {{ $t("hj103") }}({{ moneyData.symbol || "$" }})
              </span>
              <span style="text-align: left"> {{ $t("交易总额") }} </span>
              <span style="text-align: right"> {{ $t("hj103") }} </span>
            </div>

            <div class="bottom_bzz">
              <span>{{ ((nowPrice / selectCycle) * num).toFixed(2) }}</span>
              <span style="white-space: nowarp">
                <!-- moneyData.symbol + " " + -->

                {{ moneyData.availableBalance || "0.00" }}
              <span>
                {{ bayType | currencySymbol }}
                {{
                  (nowPrice * selectCycle.replace("X", "") * num)
                    | _toLocaleString
                }}
                <span v-if="bayType != 'US'">
                  ≈ $
                  {{
                    (nowPrice * selectCycle.replace("X", "") * num * rate)
                      | _toLocaleString
                  }}
                </span>
              </span>
              <span style="white-space: nowarp">
                $ {{ moneyData.availableBalance | _toLocaleString }}
              </span>
            </div>
          </div>
          <div class="tr_rs">
            <div class="top_bzz" style="padding-bottom: 0.2rem">
              <span style="text-align: left"> {{ $t("hj44") }} </span>
              <span style="text-align: right"> </span>
            </div>

            <div class="bottom_bzz">
              <span>
                <!-- {{
                  (nowPrice * selectCycle.replace("X", "") * num * sxf).toFixed(
                    2
                  )
                }} -->
                {{Math.floor(nowPrice * selectCycle.replace("X", "") * num * sxf * 100) / 100}}
                <span v-if="bayType != 'US'">
                  ≈ $
                  {{
                    (nowPrice *
                      selectCycle.replace("X", "") *
                      num *
                      sxf *
                      rate)
                      | _toLocaleString
                  }}
                </span>
              </span>
              <span style="white-space: nowarp"> </span>
            </div>
          </div>
        </div>
      </div>
      <div class="switchs">
      <!-- <div class="switchs">
        <div class="zy">
          <div class="left_zy">
            <span>{{ $t("hj104") }}</span>
@@ -151,21 +184,16 @@
        </div>
        <div class="zy" v-show="checkedZy">
          <div class="left_zy">
            <input
              v-model="profitTarget"
              onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
              @input="zyInt"
            />
            <input v-model="profitTarget" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
              @input="zyInt" />
          </div>
          <div class="right_sw" style="width: auto">
            <div class="addorj" @click="zYjian">
              <img src="@/assets/img/ic_number_jian.png" />
            </div>
            <div class="addorj"></div>
            <div
              class="addorj"
              @click="profitTarget = (Number(profitTarget) + 1).toFixed(2)"
            >
            <div class="addorj"
              @click="tabsCurrentIndex==0?profitTarget = (Number(profitTarget) + 1).toFixed(2):profitTarget = (Number(profitTarget) + 1).toFixed(2)">
              <img src="@/assets/img/ic_number_add.png" />
            </div>
          </div>
@@ -180,14 +208,11 @@
        </div>
        <div class="zy" v-show="checkedZs">
          <div class="left_zy">
            <input
              v-model="zhisun"
              onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
              @input="zsInt"
            />
            <input v-model="zhisun" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" @input="zsInt" />
          </div>
          <div class="right_sw" style="width: auto">
            <div class="addorj" @click="zhisun--">
            <div class="addorj"
              @click="zSjian">
              <img src="@/assets/img/ic_number_jian.png" />
            </div>
            <div class="addorj"></div>
@@ -196,21 +221,55 @@
            </div>
          </div>
        </div>
        <!-- <div class="zy">
            <div class="left_zy">
              <span>追踪止损</span>
            </div>
            <div class="right_sw">
              <van-switch v-model="profitArr[2].checked" />
            </div>
          </div> -->
      </div> -->
      <div class="btn_buy" @click="clickishow()">
        <div
          :class="tabsCurrentIndex == 0 ? 'maichu' : ''"
          :style="preMarket==0?'background-color:#555555 !important':'background-color:#287dff'"
        >
          <span>{{ tabsCurrentIndex == 0 ? $t("场外卖出") : $t("场外买入") }}</span>
        </div>
      </div>
      <div class="btn_buy" @click="gdOrSetBuy()">
        <div :class="tabsCurrentIndex == 0 ? 'maichu' : ''">
          <span>{{ tabsCurrentIndex == 0 ? $t("hj84") : $t("hj85") }}</span>
        <div
          :class="tabsCurrentIndex == 0 ? 'maichu' : ''"
          style="background-color:#287dff"
        >
          <span>{{ tabsCurrentIndex == 0 ? $t("hj84") : $t("gm") }}</span>
        </div>
      </div>
    </div>
    <van-popup v-model="isshow" position="center" round>
      <div class="edit-popup">
        <div class="edit-title">
          {{ tabsCurrentIndex == 0 ? $t("场外卖出") : $t("场外买入") }}
        </div>
        <div class="division"></div>

        <div class="edit-form">
          <div class="form-item">
            <div class="form-label">
              <span class="required">*</span>{{ $t("hj271") }}
            </div>
            <input
              pattern="^(0\.\d+|[1-9]\d*(\.\d+)?)$"
              type="number"
              v-model="preMarketPrice"
              :placeholder="$t('hj271')"
              class="form-input"
            />
          </div>
        </div>

        <div class="division"></div>
        <div class="edit-buttons">
          <div class="cancel-btn" @click="isshow = false">
            {{ $t("qx") }}
          </div>
          <div class="save-btn" @click="saveEdit">{{ $t("qr") }}</div>
        </div>
      </div>
    </van-popup>
    <van-action-sheet
      v-model="showGg"
      :actions="siteLeverList"
@@ -225,9 +284,11 @@
<script>
import * as api from "@/axios/api";
import { mapActions } from "vuex";
import { myMixin } from "@/mixins/myMixin";

export default {
  name: "trBuy",
  mixins: [myMixin],
  created() {
    if (this.$route.query.t) {
      this.tabsCurrentIndex = Number(this.$route.query.t);
@@ -257,6 +318,9 @@
    if (this.$route.query.if_us) {
      this.if_us = this.$route.query.if_us;
    }
    if(this.$route.query.preMarket){
      this.preMarket = this.$route.query.preMarket;
    }
  },
  data() {
    return {
@@ -269,12 +333,16 @@
      nums: 1,
      profit: false,
      nowPrice: 0,
      isshow: false,
      preMarketPrice:"",
      preMarket:0,
      type: 0,
      code: "",
      name: "",
      spell: "",
      settingInfo: [],
      selectCycle: 1,
      selectCycle: "1X",
      selectLever: 1,
      siteLeverList: [],
      checkedZy: false,
      checkedZs: false,
@@ -284,31 +352,53 @@
      profitTarget: 0,
      if_us: 0,
      bayType: "",
      sxf: "",
      id: "",
      actions: [
        { name: "100X", subname: this.$t("hj102") },
        { name: "200X", subname: this.$t("hj102") },
        { name: "300X", subname: this.$t("hj102") },
        {
          name: "100X",
          subname: this.$t("hj102")
        },
        {
          name: "200X",
          subname: this.$t("hj102")
        },
        {
          name: "300X",
          subname: this.$t("hj102")
        }
      ],
      profitArr: [
        {
          name: this.$t("hj104"),
          checked: false,
          checked: false
        },
        {
          name: this.$t("hj105"),
          checked: false,
          checked: false
        },
        {
          name: this.$t("hj110"),
          checked: false,
        },
          checked: false
        }
      ],
      moneyData: {},
      gid: ""
    };
  },
  computed: {
    // 计算当前汇率
    rate() {
      let rate = 1;
      if (this.bayType == "HK") rate = this.htu;
      else if (this.bayType == "IN") rate = this.itu;
      else if (this.bayType == "TW") rate = this.ttu;
      return rate;
    }
  },
  mounted() {
    this.bayType = this.$route.query.bayType;
    this.gid = this.$route.query.gid;
    if (this.bayType == "in") {
      this.priceTabs = [this.$t("hj108"), this.$t("hj109")];
    } else if (this.bayType == "qh") {
@@ -317,6 +407,7 @@
    this.setUseInfo();
    this.getMoneyData();
    this.getSettingInfo();
    this.queryStockConfig();
  },
  watch: {
    checkedZy(val) {
@@ -330,18 +421,74 @@
        // 支持
        navigator.vibrate([55]);
      }
    },
    }
  },
  methods: {
    ...mapActions(["setUseInfo"]),
    async clickishow(){
      if(this.preMarket==0){
        return
      }
      if(this.tabsCurrentIndex == 0 ){
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: this.$t("失败")
        });
      }else{
        this.isshow = true
      }
    },
    async saveEdit(){
      if(this.preMarketPrice<=0){
      this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: this.$t("hj277")+0
        });
      }else{
        this.setBuy()
      }

    },
    async queryStockConfig() {
      let data = await api.queryStockConfig();
      if (data.status === 0) {
        this.sxf = data.data.cValue;
      }
    },
    zSjian() {
      var newzishu = (Number(this.zhisun) - 1).toFixed(2);
      if (Number(newzishu) < 1) {
      } else {
        this.zhisun = newzishu;
      }
    },
    ...mapActions(["setUseInfo"]),
    numInput(e) {
      // this.nowPrice / this.selectCycle.replace("X", "")
      // this.moneyData.availableBalance
      let numbs = Math.floor(
        this.moneyData.availableBalance /
          this.nowPrice /
          this.selectCycle.replace("X", "")
      );
      if (e.target.value >= numbs) {
        this.num = numbs;
      }
      // if()
      console.log(e.target.value);
    },
    handleDoubleClick(event) {
      console.log(1);
      // console.log('Input field was double-clicked', event);
    },
    async getMoneyData() {
      let data = await api.getMoney();
      let type = this.bayType === "SZHB" ? "US" : this.bayType;
      // let type = this.bayType === "SZHB" ? "US" : this.bayType;
      if (data.status === 0) {
        const newArr = data.data.filter((item) => item.accectType === type);
        // const newArr = data.data.filter(item => item.accectType === type);
        // this.moneyData = newArr[0] || {};

        this.moneyData = newArr[0] || {};
        this.moneyData = data.data[0];

        // console.log(this.bayType, newArr);
        // 判断是否登录
        // this.moneyList = data.data;
@@ -355,6 +502,21 @@
    },
    handleTabsClick(item, index) {
      this.priceTabsCurrentIndex = index;
    },
    jjjisua() {
      let numbs = Math.floor(
        this.moneyData.availableBalance /
          this.nowPrice /
          this.selectCycle.replace("X", "")
      );
      typeof this.num == "string"
        ? (this.num = Number(Number(this.num) + 1))
        : (this.num = Number(Number(this.num) + 1));

      console.log(this.num, numbs);
      if (this.num >= numbs) {
        this.num = numbs;
      }
    },
    jyslJian() {
      if (typeof this.num === "string") {
@@ -383,18 +545,35 @@
      }
    },
    zYjian() {
      if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
        this.profitTarget = this.nowPrice;
      var newzishu = (Number(this.profitTarget) - 1).toFixed(2);
      if (Number(newzishu) < 1) {
      } else {
        this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
        this.profitTarget = newzishu;
      }
      // this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
      // if(this.tabsCurrentIndex==0){
      //   console.log( this.nowPrice);
      //   if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
      //     this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
      //   } else {
      //     this.profitTarget = this.nowPrice;
      //   }
      // }else{
      //   console.log(123);
      //   if ((Number(this.profitTarget) - 1).toFixed(2) < this.nowPrice) {
      //     this.profitTarget = this.nowPrice;
      //   } else {
      //     this.profitTarget = (Number(this.profitTarget) - 1).toFixed(2);
      //   }
      // }
    },
    zSjia() {
      if ((Number(this.zhisun) + 1).toFixed(2) > this.nowPrice) {
        this.zhisun = this.nowPrice;
      } else {
        this.zhisun++;
      }
      this.zhisun++;
      // if ((Number(this.zhisun) + 1).toFixed(2) > this.nowPrice) {
      //   this.zhisun = this.nowPrice;
      // } else {
      //   this.zhisun++;
      // }
    },
    zsInt(e) {
      if (typeof e.target.value === "string") {
@@ -415,9 +594,18 @@
      }
    },
    onSelect(val) {
      this.selectCycle = val.gg;
      this.selectCycle = val.name;
      this.selectLever = val.label;
    },
    gdOrSetBuy() {
      if(this.preMarket == 1){
      this.$store.commit("elAlertShow", {
        elAlertShow: true,
        elAlertText: this.$t('hj113'),
        elAlertType: "success"
      });
        return
      }
      if (this.priceTabsCurrentIndex == 0) {
        this.setBuy();
      } else {
@@ -437,9 +625,11 @@
      let opts = {
        stockId: this.code,
        buyNum: this.num,
        lever: 1,
        targetPrice: this.nums,
        lever: this.selectLever,
        targetPrice: this.nums
      };
      console.log(this.selectLever, "this.selectLever ");

      if (this.tabsCurrentIndex == 0) {
        opts.buyType = 1;
      } else {
@@ -458,23 +648,24 @@
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
          elAlertType: "success",
          elAlertType: "success"
        });
        this.getUserInfo();
        this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
        // this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
        this.$router.push("/markets-list");
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
          elAlertText: data.msg
        });
      }
    },
    // 买卖
    setBuy() {
      if (!this.$store.state.userInfo.idCard) {
      if (this.$store.state.userInfo.isActive !== 2) {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: this.$t("hj111"),
          elAlertText: this.$t("hj111")
        });
        this.$router.push("/authentications");
        return;
@@ -489,14 +680,15 @@
        // stockId: this.detail.id,
        // buyNum: this.selectNumber ? this.selectNumber * 100 : 0, // 单位为手
        // buyType: this.selectType,
        // lever: this.selectCycle ? this.selectCycle : 0,
        lever: this.selectCycle ? this.selectCycle : 0,
        // subaccountNumber:this.subaccountNumber

        preMarketPrice:this.preMarketPrice,
        // 买入是买涨buyType:0, 卖出是买跌buyType:1,卖出的状态是0，买入的状态是1
        buyNum: this.num, // 单位为手
        // buyNum: (this.num.match(/\d+/g))[0] * 100, // 单位为手
        lever: 1,
        lever: this.selectLever
      };
      console.log(this.selectLever, "this.selectLever ");
      if (this.tabsCurrentIndex == 0) {
        opts.buyType = 1;
      } else {
@@ -530,7 +722,7 @@
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
          elAlertType: "success",
          elAlertType: "success"
        });
        this.getUserInfo();
        var buyType = "";
@@ -539,17 +731,18 @@
        } else {
          buyType = 0;
        }
        this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
        // this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
        this.$router.push("/markets-list");
      } else {
        if (data.msg.indexOf("不在交易时段内") > -1) {
          this.$store.commit("elAlertShow", {
            elAlertShow: true,
            elAlertText: this.$t("hj113"),
            elAlertText: this.$t("hj113")
          });
        } else {
          this.$store.commit("elAlertShow", {
            elAlertShow: true,
            elAlertText: data.msg,
            elAlertText: data.msg
          });
        }
      }
@@ -563,14 +756,15 @@
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
          elAlertType: "success",
          elAlertType: "success"
        });
        this.getUserInfo();
        this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
        // this.$router.push("/warehouse?index=1&buyType=" + this.bayType);
        this.$router.push("/markets-list");
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
          elAlertText: data.msg
        });
      }
    },
@@ -584,7 +778,7 @@
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
          elAlertText: data.msg
        });
      }
      this.$store.state.user = this.user;
@@ -599,14 +793,14 @@
        // data.data.siteLever根据/分割成数组
        // this.siteLeverList = data.data.siteLever.split('/')

        this.selectCycle = data.data.siteLever;
        if (
          this.$store.state.userInfo !== undefined &&
          this.$store.state.userInfo !== null &&
          this.$store.state.userInfo.phone !== "" &&
          this.$store.state.userInfo.siteLever != null
        ) {
          this.selectCycle = this.$store.state.userInfo.siteLever.split("/")[0];
          this.selectCycle =
            this.$store.state.userInfo.siteLever.split("/")[0] + "X";

          this.siteLeverList = [];
          for (
            let i = 0;
@@ -614,32 +808,21 @@
            i++
          ) {
            let val = this.$store.state.userInfo.siteLever.split("/")[i];
            let item = { label: val + this.$t("hj112"), value: val };
            this.siteLeverList.push(item);
          }
        } else {
          this.selectCycle = data.data.siteLever.split("/")[0];
          this.siteLeverList = [];
          for (let i = 0; i < data.data.siteLever.split("/").length; i++) {
            let val = data.data.siteLever.split("/")[i];
            var ccet = (Number(this.nowPrice) / Number(val)).toFixed(2);
            // let item = { label: val + '倍', value: val ,bzj:ccet}
            let item = {
              name: val + "X",
              subname: this.$t("hj102") + "：" + (ccet * 100).toFixed(2),
              gg: val,
              bzj: ccet,
              label: val,
              name: val + "X"
            };
            this.siteLeverList.push(item);
          }
          console.log(this.siteLeverList, " this.selectCycle");
        }
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
          elAlertText: data.msg
        });
      }
    },
    }
  },
  filters: {
    getName(name) {
@@ -648,23 +831,113 @@
      } else {
        return name;
      }
    },
  },
    }
  }
};
</script>

<style scoped lang="less">
  @green: #287dff;
.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;
  }
}
.edit-popup {
  width: 100%;
  padding: 0.25rem 0;
  box-sizing: border-box;

  .division {
    width: 100%;
    height: 0.25rem;
    background-color: #f5f5f5;
  }
}
/deep/ .van-popup {
  width: 80%;
  border-radius: 8px;
}
.edit-popup {
  width: 100%;
  padding: 0.25rem 0;
  box-sizing: border-box;

  .division {
    width: 100%;
    height: 0.25rem;
    background-color: #f5f5f5;
  }
}
.form-item {
  // margin-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
  padding: 0.35rem 0 0.25rem;
}

.form-label {
  font-size: 0.4rem;
  margin-bottom: 0.2rem;
  color: #333;
}

.required {
  color: red;
  margin-right: 4px;
}

.form-input {
  width: 100%;
  height: 1.1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 0.3rem;
  box-sizing: border-box;
  color: #333;
}

.edit-buttons {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f5f5f5;
  padding-top: 15px;
}
.cancel-btn,
.save-btn {
  flex: 1;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

.cancel-btn {
  color: #333;
}

.save-btn {
  color: @green;
  font-weight: 500;
}
.edit-title {
  text-align: center;
  font-size: 0.45rem;
  font-weight: 700;
  padding: 0.25rem;
  color: #333;
}

.edit-form {
  padding: 0.25rem;
}

.top_cny {
@@ -692,12 +965,12 @@
    }

    .right_title {
      width: 3rem;
      width: 80vw;
      height: 80%;

      .t_t {
        width: 100%;
        height: 70%;
        // height: 70%;
        display: flex;
        align-items: center;
        font-size: 0.4615rem;
@@ -769,7 +1042,7 @@
          > div {
            width: 45%;
            height: 70%;
            background: rgb(236, 236, 236);
            background: #444;
            display: flex;
            justify-content: center;
            align-items: center;
@@ -778,7 +1051,7 @@
          }

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

            span {
@@ -787,7 +1060,7 @@
          }

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

            span {
@@ -804,14 +1077,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;
@@ -827,7 +1100,7 @@
    }

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

      span {
        font-weight: 600;
@@ -882,7 +1155,7 @@
      }

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

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

      > div {
        color: #000;
        // color: #000;
      }
    }
  }
@@ -945,7 +1218,8 @@
.btn_buy {
  width: 100%;
  height: auto;
  background: #fff;
  bottom: 0;
  // background: #fff;
  padding: 0.8rem 0.8rem;
  display: flex;
  align-items: flex-end;
@@ -957,7 +1231,7 @@
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(68, 155, 84);
    // background: rgb(68, 155, 84);
    color: #fff;
    font-size: 0.3846rem;
    border-radius: 0.15rem;
@@ -1031,7 +1305,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);
@@ -1052,13 +1326,14 @@
    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);
    transform: skew(-10deg, 0deg);
  }
}

/deep/.van-overlay {
  z-index: 10000 !important;
}