123

dcc

2024-06-28 25b2ba1cf86bc3439e7ad2acf2cd4a9ea7e4b0ed

 src/page/c2cOrder/components/order-generation/CancelSuccess.vue

@@ -1,28 +1,44 @@
<template>
  <div id="full" class="cancel-success">
    <div style="background: #D8DBE0;">
    <div style="background: #d8dbe0">
      <order-nav :back="false" @back="onBack()">
        <template>
          <div class="flex items-center" @click="$router.push({
            path: '/chat'
          })">
            <img class="w-35 h-33 mr-22" src="~@/assets/image/c2c/Vector.png" alt="">
            <span class="font-28">{{ $t('联系卖家') }}</span>
          <div
            class="flex items-center"
            @click="
              $router.push({
                path: '/chat',
              })
            "
          >
            <img
              class="w-35 h-33 mr-22"
              src="~@/assets/image/c2c/Vector.png"
              alt=""
            />
            <span class="font-28">{{ $t("联系卖家") }}</span>
          </div>
        </template>
      </order-nav>
      <div class="">
        <div class="flex justify-between items-center pb-33 px-32" style="background:#D8DBE0">
        <div
          class="flex justify-between items-center pb-33 px-32"
          style="background: #d8dbe0"
        >
          <div>
            <p class="mb-8 font-48">
              <slot name="title">{{ $t('已取消') }}</slot>
              <slot name="title">{{ $t("已取消") }}</slot>
            </p>
            <p class="font-24">
              <slot name="desc">{{ $t('您已取消订单') }}</slot>
              <slot name="desc">{{ $t("您已取消订单") }}</slot>
            </p>
          </div>
          <div>
            <img class="w-80 h-80" src="~@/assets/image/c2c/Group1212.png" alt="">
            <img
              class="w-80 h-80"
              src="~@/assets/image/c2c/Group1212.png"
              alt=""
            />
          </div>
        </div>
      </div>
@@ -34,7 +50,7 @@
    <van-cell-group class="px-32">
      <van-cell @click="enterAppeal">
        <template #title>
          <span class="c2cColor font-30">{{ $t('对订单存在疑问') }}</span>
          <span class="c2cColor font-30">{{ $t("对订单存在疑问") }}</span>
        </template>
        <template #default>
          <van-icon class="font-700 text-grey" name="arrow" />
@@ -45,7 +61,7 @@
</template>

<script>
import { Cell, CellGroup, Icon } from 'vant';
import { Cell, CellGroup, Icon } from "vant";
import OrderNav from "@/components/order-nav/OrderNav";
import OrderData from "@/page/c2cOrder/components/order-data/OrderData";

@@ -56,19 +72,19 @@
    detail: {
      type: Object,
      default() {
        return {}
      }
    }
        return {};
      },
    },
  },
  methods: {
    enterAppeal() {
      this.$router.replace({
        path: '/appeal'
      })
        path: "/appeal",
      });
    },
    onBack() {
      this.$router.push('/wantBuy')
    }
      this.$router.push("/wantBuy");
    },
  },
  components: {
    [Cell.name]: Cell,
@@ -76,19 +92,19 @@
    [Icon.name]: Icon,
    OrderNav,
    OrderData,
  }
}
  },
};
</script>

<style lang="scss" scoped>
#full {
  ::v-deep .buy_nav{
    .van-icon{
  ::v-deep .buy_nav {
    .van-icon {
      color: #000;
    }
  }
  ::v-deep .van-nav-bar {
    background: #D8DBE0;
    background: #d8dbe0;
  }

  ::v-deep .order-number {
@@ -103,7 +119,6 @@
  }

  ::v-deep {

    .van-cell-group,
    .van-cell {
      @include themify() {