123

dcc

2024-06-29 68a34d95db63a264e7a577051d586ea496c63ca0

 src/page/myAd/saveAd.vue

@@ -1,26 +1,36 @@
<template>
  <div id="saveAd">
    <div class="mt-100 flex justify-center">
      <img class="w-120 h-120" src="@/assets/image/otc/buy/save_icon.png" alt="">
      <img
        class="w-120 h-120"
        src="@/assets/image/otc/buy/save_icon.png"
        alt=""
      />
    </div>
    <div class="font-700 font-52 mt-43 mb-26 text-center">{{ $t('廣告保存成功') }}</div>
    <div class="font-700 font-52 mt-43 mb-26 text-center">
      {{ $t("廣告保存成功") }}
    </div>
    <div class="font-400 font-28 text-grey text-center">
      {{ $t('保存成功，您的广告上家后将被其他用户下单。') }}
      {{ $t("保存成功，您的广告上家后将被其他用户下单。") }}
    </div>
    <div class="font-400 font-28 mt-20 text-grey text-center">
      {{ $t('请注意新订单提醒！') }}
      {{ $t("请注意新订单提醒！") }}
    </div>
    <div class="px-32 flex justify-between mt-92">
      <span class="text-grey font-400 font-28">{{ $t('广告编号') }}</span>
      <span class=" font-400 font-28">{{ info.id }}</span>
      <span class="text-grey font-400 font-28">{{ $t("广告编号") }}</span>
      <span class="font-400 font-28">{{ info.id }}</span>
    </div>
    <div class="px-32 py-60 mt-38 box-border bg-grey">
      <div class="bg-white rounded-xl mb-32 ">
        <div class="flex justify-between items-center px-28 pt-26 ">
      <div class="bg-white rounded-xl mb-32">
        <div class="flex justify-between items-center px-28 pt-26">
          <div>
            <span class="text-green font-400 mr-10">{{ info.direction === 'buy' ? $t('购买') : $t('出售') }}</span>
            <span class="font-500 font-32 mr-10">{{ info.symbol.toUpperCase() }}</span>
            <span class="font-400 font-32 mr-10">{{ $t('用') }}</span>
            <span class="text-green font-400 mr-10">{{
              info.direction === "buy" ? $t("购买") : $t("出售")
            }}</span>
            <span class="font-500 font-32 mr-10">{{
              info.symbol.toUpperCase()
            }}</span>
            <span class="font-400 font-32 mr-10">{{ $t("用") }}</span>
            <span class="font-500 font-32">{{ info.currency }}</span>
          </div>
          <div>
@@ -33,18 +43,22 @@
            <span class="font-700 font-52">{{ info.symbol_value }}</span>
          </div>
          <div class="flex justify-between mt-30">
            <span class="font-400 font-28 text-grey">{{ $t('交易总额') }}</span>
            <span class="font-600 font-28">{{ (info.symbol_value / 1) * (info.coin_amount / 1) }} {{ info.currency
            }}</span>
            <span class="font-400 font-28 text-grey">{{ $t("交易总额") }}</span>
            <span class="font-600 font-28"
              >{{ (info.symbol_value / 1) * (info.coin_amount / 1) }}
              {{ info.currency }}</span
            >
          </div>
          <div class="flex justify-between mt-30">
            <span class="font-400 font-28 text-grey">{{ $t('單筆限額') }}</span>
            <span class="font-600 font-28">{{ info.investment_min }} - {{ info.investment_max }} {{ info.currency
            }}</span>
            <span class="font-400 font-28 text-grey">{{ $t("單筆限額") }}</span>
            <span class="font-600 font-28"
              >{{ info.investment_min }} - {{ info.investment_max }}
              {{ info.currency }}</span
            >
          </div>
          <div class="flex justify-between items-center mt-64">
            <div class="flex items-center">
              <div class="w-7 h-29 col  mr-9"></div>
              <div class="w-7 h-29 col mr-9"></div>
              <span class="mr-19">{{ info.pay_type_name }}</span>
            </div>
          </div>
@@ -52,17 +66,18 @@
      </div>
    </div>
    <div class="px-32 box-border">
      <div class="text-white bg-blue rounded-lg h-97 lh-97 font-36 text-center mt-52"
        @click="$router.push('/c2c/advertise')">
        {{ $t('完成') }}
      <div
        class="text-white bg-blue rounded-lg h-97 lh-97 font-36 text-center mt-52"
        @click="$router.push('/c2c/advertise')"
      >
        {{ $t("完成") }}
      </div>
    </div>

  </div>
</template>

<script>
import { Icon, } from "vant";
import { Icon } from "vant";
export default {
  name: "saveAd",
  components: {
@@ -71,18 +86,18 @@
  data() {
    return {
      info: {},
    }
    };
  },
  created() {
    this.info = this.$route.query;
  },
}
};
</script>

<style lang="scss" scoped>
#saveAd {
  .col {
    background: #E7BB41;
    background: #e7bb41;
  }
}
</style>