|
|
@@ -1,15 +1,46 @@
|
|
|
<!-- 自定义卡片红包封面 -->
|
|
|
<template>
|
|
|
- <div class="card-wrapper" v-if="data.customPosterUrl">
|
|
|
- <img class="customImg" :src="data.customPosterUrl" />
|
|
|
- </div>
|
|
|
- <div class="card-wrapper" v-else>
|
|
|
- <img :src="require('@/assets/img/img-preview-draw-after-bg.png')"
|
|
|
- v-if="data.type == 2"
|
|
|
- class="card-cover">
|
|
|
- <img :src="require('@/assets/subject/img-card-cover-blue.png')"
|
|
|
- v-else
|
|
|
- class="card-cover"/>
|
|
|
+ <div class="card-wrapper">
|
|
|
+ <template v-if="data.customPosterUrl">
|
|
|
+ <img class="customImg" :src="data.customPosterUrl" />
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <img :src="require('@/assets/img/img-preview-draw-after-bg.png')"
|
|
|
+ v-if="data.type == 2"
|
|
|
+ class="card-cover">
|
|
|
+ <img :src="require('@/assets/subject/img-card-cover-blue.png')"
|
|
|
+ v-else
|
|
|
+ class="card-cover"/>
|
|
|
+ <div class="user-info">
|
|
|
+ <img :src="data.userInfo.avatarUrl"
|
|
|
+ class="avatar"/> {{data.userInfo.name}}
|
|
|
+ </div>
|
|
|
+ <div class="content-text">
|
|
|
+ <div class="title">
|
|
|
+ {{data.tokenSymbol}} GIVEAWAY
|
|
|
+ </div>
|
|
|
+ <div class="center"
|
|
|
+ :style="{
|
|
|
+ fontSize: amountFontSize + 'px'
|
|
|
+ }">
|
|
|
+ <img :src="data.currencyIconUrl || imgHeaderCover" class="icon">
|
|
|
+ <span id="preview-before-amount">
|
|
|
+ {{data.amountValue}}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="desc">
|
|
|
+ <template v-if="data.type == 2">
|
|
|
+ <img class="icon-clock"
|
|
|
+ :src="require('@/assets/svg/icon-preview-clock.svg')" /> {{data.validityDuration}} H
|
|
|
+ <img class="icon-trophy"
|
|
|
+ :src="require('@/assets/svg/icon-preview-trophy.svg')" /> <span class="trophy-count">{{data.totalCount}} WINNERS</span>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ {{data.totalCount}} WINNERS TO SHARE
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<div class="bottom-bar" v-if="showBottom">
|
|
|
<div class="title">
|
|
|
DeNet.me
|
|
|
@@ -18,35 +49,6 @@
|
|
|
🎁 <template v-if="data.tokenSymbol=='USD'">$</template>{{data.amountValue}} GIVEAWAY
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="user-info">
|
|
|
- <img :src="data.userInfo.avatarUrl"
|
|
|
- class="avatar"/> {{data.userInfo.name}}
|
|
|
- </div>
|
|
|
- <div class="content-text">
|
|
|
- <div class="title">
|
|
|
- {{data.tokenSymbol}} GIVEAWAY
|
|
|
- </div>
|
|
|
- <div class="center"
|
|
|
- :style="{
|
|
|
- fontSize: amountFontSize + 'px'
|
|
|
- }">
|
|
|
- <img :src="data.currencyIconUrl || imgHeaderCover" class="icon">
|
|
|
- <span id="preview-before-amount">
|
|
|
- {{data.amountValue}}
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="desc">
|
|
|
- <template v-if="data.type == 2">
|
|
|
- <img class="icon-clock"
|
|
|
- :src="require('@/assets/svg/icon-preview-clock.svg')" /> {{data.validityDuration}} H
|
|
|
- <img class="icon-trophy"
|
|
|
- :src="require('@/assets/svg/icon-preview-trophy.svg')" /> <span class="trophy-count">{{data.totalCount}} WINNERS</span>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- {{data.totalCount}} WINNERS TO SHARE
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
