| | |
| | | <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> |
| | |
| | | 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 => { |
| | | // 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: { |
| | |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/css/copy2.scss"; |
| | | |
| | | .box-radius { |
| | | border-radius: 40px; |
| | | } |
| | |
| | | .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 { |
| | |
| | | } |
| | | |
| | | .info { |
| | | color: $text_color; |
| | | font-size: 30px; |
| | | font-weight: bold; |
| | | |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | |
| | | .gen { |
| | |
| | | |
| | | .num { |
| | | font-size: 40px; |
| | | color: $text_color; |
| | | |
| | | font-weight: bold; |
| | | margin-bottom: 18px; |
| | | |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | |
| | | .time { |
| | |
| | | } |
| | | |
| | | .g-title { |
| | | color: $text_color; |
| | | |
| | | font-size: 30px; |
| | | font-weight: bold; |
| | | margin: 60px 32px; |
| | | |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | |
| | | .g-zai { |
| | |
| | | |
| | | .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; |
| | |
| | | |
| | | .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; |
| | |
| | | height: 80px; |
| | | line-height: 80px; |
| | | text-align: center; |
| | | color: $text_color; |
| | | |
| | | background: #1d91ff; |
| | | |
| | | @include themify() { |
| | | color: themed("text_color"); |
| | | } |
| | | } |
| | | |
| | | .bg-blue { |