|
@@ -14,7 +14,16 @@
|
|
|
<div class="content">
|
|
|
<img :src="saleData.windowImagePath" />
|
|
|
</div>
|
|
|
- <div class="buy" @click="buy">
|
|
|
+ <div
|
|
|
+ v-if="saleData.purchaseStatus === 0"
|
|
|
+ class="buy disabled">
|
|
|
+ <img class="guide" v-if="isShowGuide" :src=" require('@/assets/img/icon-arrow.png') " />
|
|
|
+ <button>Buy NFT</button>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-else
|
|
|
+ class="buy"
|
|
|
+ @click="buy">
|
|
|
<img class="guide" v-if="isShowGuide" :src=" require('@/assets/img/icon-arrow.png') " />
|
|
|
<button>Buy NFT</button>
|
|
|
</div>
|
|
@@ -213,6 +222,9 @@ body {
|
|
|
height: 54px;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
+ &.disabled {
|
|
|
+ opacity: .1;
|
|
|
+ }
|
|
|
.guide {
|
|
|
position: absolute;
|
|
|
top: 6px;
|