1

李凌

2026-01-20 9a9d832dbd364557e070abcd9a7779a2c6c07ffb

 src/views/advertiserDetail/index.vue

@@ -11,7 +11,7 @@
        <div>
          <p class="name">{{ c2cUser.nickName }}</p>
          <div class="advertisement flex items-center">
            <img class="succ" src="@/assets/image/icon-success.png" alt ="" />
            <img class="succ" src="@/assets/image/icon-success.png" alt="" />
            <span>{{ $t('认证广告方') }}</span>
            <span class="shu">|</span>
            <span>{{ $t('保证金') }} {{ $t(`${c2cUser.deposit}USDT`) }}</span>
@@ -45,7 +45,7 @@
        <div class="main-box">
          <div class="main-nav">
            <span class="info">{{ $t('信息') }}</span>
            <span class="gen" style="color: #868d9a" @click="linkToDetail">
            <span class="gen flex justify-center items-center" style="color: #868d9a" @click="linkToDetail">
              {{ $t('更多数据') }}
              <img class="right" src="@/assets/image/icon-right.png" alt="" />
            </span>
@@ -93,11 +93,11 @@
                  <span class="textColor">$</span><span class="textColor">{{ item.symbolValue }}</span>
                </p>
                <p class="mar-9">
                  {{ $t('数量') }}<span style="color: #fff">{{ item.coinAmount }} USDT</span>
                  {{ $t('数量') }}<span style="color: #666">{{ item.coinAmount }} USDT</span>
                </p>
                <p class="mar-30">
                  {{ $t('限额') }}
                  <span style="color: #fff">${{ item.investmentMin }} - ${{ item.investmentMax }}</span>
                  <span style="color: #666">${{ item.investmentMin }} - ${{ item.investmentMax }}</span>
                </p>
                <div class="flex">
                  <div class="flex items-center mar-23">
@@ -134,7 +134,7 @@
      </div>
    </van-dialog>

    <van-popup class="w-full h-full" v-model="showDetail" position="right">
    <van-popup class="w-full h-full" v-model:show="showDetail" position="right">
      <detail :detail="c2cUser" @back="back" />
    </van-popup>
  </div>
@@ -190,14 +190,15 @@
  created() {
    console.log(this.uid);
    otcApi.ctcUserGet({ c2c_user_id: this.uid, language: this.$i18n.locale }).then(res => {
      // otcApi.ctcUserGet({ id: this.uid, language: this.$i18n.locale }).then(res => {
      this.userInfo = res.data;
    })
  },
  mounted() {
    // nextTick(() => {
      setTimeout(() => {
        this.top = this.$refs.main.getBoundingClientRect().top;
      }, 1000)
    setTimeout(() => {
      this.top = this.$refs.main.getBoundingClientRect().top;
    }, 1000)
    // })
  },
  methods: {
@@ -240,6 +241,8 @@
</script>

<style lang="scss" scoped>
@import "@/assets/css/copy2.scss";

.box-radius {
  border-radius: 40px;
}
@@ -318,10 +321,13 @@
.main-list {
  overflow: auto;
  margin-top: 44px;
  background: $main_background;

  // background: $main_background;
  border-radius: 80px 80px 0px 0px;
  // padding-bottom: 300px;

  @include themify() {
    background: themed("main_background");
  }
}

.main-box {
@@ -336,9 +342,12 @@
}

.info {
  color: $text_color;
  font-size: 30px;
  font-weight: bold;

  @include themify() {
    color: themed("text_color");
  }
}

.gen {
@@ -360,10 +369,12 @@

.num {
  font-size: 40px;
  color: $text_color;

  font-weight: bold;
  margin-bottom: 18px;

  @include themify() {
    color: themed("text_color");
  }
}

.time {
@@ -378,11 +389,13 @@
}

.g-title {
  color: $text_color;

  font-size: 30px;
  font-weight: bold;
  margin: 60px 32px;

  @include themify() {
    color: themed("text_color");
  }
}

.g-zai {
@@ -395,20 +408,24 @@

.g-data {
  min-height: 380px;
  background: $main_background;

  box-sizing: border-box;
  font-size: 24px;
  color: #868d9a;
  padding: 45px 0 41px 32px;
  position: relative;
  border-bottom: 1px solid $divi_line;

  @include themify() {
    background: themed("main_background");
    border-bottom: 1px solid themed("divi_line");
  }

  .g-dan {
    margin: 8px 0 22px;
    color: $text_color;

    font-weight: bold;

    @include themify() {
      color: themed("text_color");
    }

    span {
      font-size: 40px;
@@ -487,9 +504,11 @@

.dia-main {
  padding: 60px 64px 44px 48px;
  color: $text_color;

  font-size: 28px;

  @include themify() {
    color: themed("text_color");
  }

  .mar-70 {
    margin: 70px 0 46px;
@@ -500,9 +519,11 @@
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: $text_color;

  background: #1d91ff;

  @include themify() {
    color: themed("text_color");
  }
}

.bg-blue {