bug fix

src/pages/nft/add.vue

@@ -51,6 +51,7 @@
 
                 <div class="name">Collection Size</div>
                 <div class="input"><input type="text" v-model="projectSize" placeholder="0" /></div>
+                <div class="showNo" v-if="showNoStr">No.{{ projectNo === '' ? '0000' : projectNo }}~{{projectSize}}</div>
 
                 <div class="name">NFTs Price</div>
                 <div class="price">
@@ -132,6 +133,7 @@ const projectDesc = ref('');
 const projectSize = ref('');
 const projectNo = ref('');
 const projectPrice = ref('');
+const showNoStr = ref(false);
 const buttonType = {
     feedback: 'feedback-button',
     create: 'create-button',
@@ -277,13 +279,14 @@ watchEffect(() => {
     if (Number(num) > maxSize.value) {
         num = String(maxSize.value);
     }
-    projectSize.value = num;
+    projectSize.value = String(Number(num));
     // 编号
     if (projectSize.value !== '') {
         projectNo.value = String(1).padStart(String(projectSize.value).length, '0')
     } else {
         projectNo.value = ''
     }
+    showNoStr.value = projectNo.value != '';
 
     // 是否可以创建
     let ifUpload = uploadItem.value && uploadItem.value.objectKey || false;
@@ -340,6 +343,11 @@ onMounted(() => {
             font-size: 12px;
             color: #939393;
         }
+        .showNo {
+            color: #939393;
+            margin-top: -10px;
+            margin-bottom: 24px;
+        }
         .l {
             width: 400px;
             .wait {
@@ -429,10 +437,12 @@ onMounted(() => {
                 .item {
                     width: calc(100% / 4);
                     cursor: pointer;
+                    overflow: hidden;
                     margin-right: 13px;
                     border-radius: 5px;
                     img {
                         width: 100%;
+                        border-radius: 5px;
                     }
                     &:last-child {
                         margin: 0;

src/pages/nft/list.vue

@@ -47,7 +47,7 @@
     <!-- publish -->
     <div class="publish" v-if="publishDialog">
         <div class="msg">
-            <template v-if="publishType === 1">Irrevocable after publish</template>
+            <template v-if="publishType === 1">You are going to list the NFT collection</template>
             <template v-else>Do you wish to unlist the NFT collection</template>
         </div>
         <div class="buttons">