buy Nft tips

src/view/iframe/buy-nft/buy/home.vue

@@ -15,9 +15,10 @@
         <div class="footer" v-show="state.data.mysteryBoxImagePath">
             <!-- 首页 -->
             <div class="mark">
-                <div class="sold">SOLD: {{ state.data.itemSoldCount || 0 }}/{{ state.data.itemTotalCount || 0 }} </div>
-                <div class="limit">Buy Limit: {{ state.data.userBuyCount || 0 }}/{{ state.data.perUserBuyLimit || 0 }}
-                </div>
+                <template v-if="showDesc">
+                    <div class="sold">SOLD: {{ state.data.itemSoldCount || 0 }}/{{ state.data.itemTotalCount || 0 }} </div>
+                    <div class="limit">Buy Limit: {{ state.data.userBuyCount || 0 }}/{{ state.data.perUserBuyLimit || 0 }}</div>
+                </template>
             </div>
             <div class="btn-area">
                 <template v-for="item in state.data.salePlans.splice(0, 2).reverse()">
@@ -81,12 +82,13 @@
 </template>
 <script setup>
 import { useRouter } from 'vue-router'
-import { onMounted, reactive, inject, } from "vue";
+import { onMounted, reactive, inject, ref } from "vue";
 import { getNftMysteryBoxSaleInfo } from "@/http/nft";
 import BtnLoading from '../components/btn-loading.vue'
 import { getQueryString } from "@/uilts/help";
 let pay_info = inject('pay_info');
-const router = useRouter()
+let router = useRouter()
+let showDesc = ref(true)
 let dialogStyle = reactive({
     height: '800'
 })
@@ -150,6 +152,10 @@ onMounted(() => {
         if (res.code == 0) {
             state.data = res.data
             pay_info.home = res.data
+            let { perUserBuyLimit, itemTotalCount } = res.data;
+            if (perUserBuyLimit && itemTotalCount && perUserBuyLimit >= itemTotalCount) {
+                showDesc.value = false;
+            }
         } else {
 
         }

src/view/iframe/nft/card.vue

@@ -241,7 +241,7 @@ body {
 
         .share {
             cursor: pointer;
-            padding-right: 15px;
+            padding-right: 10px;
 
             img {
                 width: 19px;