|
|
@@ -22,7 +22,8 @@
|
|
|
<div class="btn-area">
|
|
|
<template v-for="item in state.data.salePlans.splice(0, 2).reverse()">
|
|
|
<div class="buy1" @click="clickJump(item)"
|
|
|
- v-if="item.itemCount == 1 && (state.data.perUserBuyLimit - state.data.userBuyCount) >= 1">
|
|
|
+ v-if="item.itemCount == 1 && (state.data.perUserBuyLimit - state.data.userBuyCount) >= 1
|
|
|
+ && (state.data.itemTotalCount - state.data.itemSoldCount) >= 1">
|
|
|
<template v-if="(item.price.length + item.currencyInfo.tokenSymbol.length) > 30">
|
|
|
<div class="left">Buy 1</div>
|
|
|
<div class="right">
|
|
|
@@ -39,7 +40,8 @@
|
|
|
</template>
|
|
|
</div>
|
|
|
<div class="buy1 grey"
|
|
|
- v-if="item.itemCount == 1 && (state.data.perUserBuyLimit - state.data.userBuyCount) <= 0">
|
|
|
+ v-if="(item.itemCount == 1 && (state.data.perUserBuyLimit - state.data.userBuyCount) <= 0)
|
|
|
+ || (state.data.itemTotalCount - state.data.itemSoldCount) <= 0">
|
|
|
<template v-if="(item.price.length + item.currencyInfo.tokenSymbol.length) > 30">
|
|
|
<div class="left">Buy 1</div>
|
|
|
<div class="right">
|
|
|
@@ -57,7 +59,8 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="buy5"
|
|
|
- v-if="item.itemCount == 5 && (state.data.perUserBuyLimit - state.data.userBuyCount) >= 5"
|
|
|
+ v-if="item.itemCount == 5 && (state.data.perUserBuyLimit - state.data.userBuyCount) >= 5 &&
|
|
|
+ (state.data.itemTotalCount - state.data.itemSoldCount) >= 5"
|
|
|
@click="clickJump(item)">
|
|
|
<div class="left">Buy {{ item.itemCount }}</div>
|
|
|
|
|
|
@@ -212,6 +215,7 @@ onMounted(() => {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
padding: 15px 0;
|
|
|
+ min-height: 50px;
|
|
|
|
|
|
.buy5 {
|
|
|
border: 1px solid #1D9BF0;
|
|
|
@@ -220,6 +224,7 @@ onMounted(() => {
|
|
|
color: #1D9BF0;
|
|
|
min-width: 217px;
|
|
|
display: flex;
|
|
|
+
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding: 10px 15px 10px 20px;
|
