阶段性提交

src/components/common/Cell.vue

@@ -34,7 +34,7 @@
         <input
           v-model="inputValue"
           type="text"
-          class="bg-transparent text-sm"
+          class="bg-transparent text-sm w-60"
           :placeholder="placeholder"
           @input="cellOnChange"
         />
@@ -80,7 +80,7 @@
         <div class="flex flex-row items-center overflow-hidden">
           <div
             v-if="name"
-            class="overflow-hidden overflow-ellipsis"
+            class="overflow-hidden overflow-ellipsis whitespace-nowrap w-48 text-right"
             @click="cellOnChange"
           >
             {{ name }}
@@ -102,7 +102,7 @@
         <div class="flex flex-row items-center overflow-ellipsis">
           <div
             v-if="name"
-            class="overflow-hidden text-xs"
+            class=" overflow-hidden overflow-ellipsis whitespace-nowrap text-sm w-56"
             id="copyNodeId"
           >
             {{ name }}
@@ -116,7 +116,7 @@
       <div v-else-if="type === 'select'" class="overflow-hidden">
         <div class="flex flex-row items-center overflow-hidden">
           <div
-            class="overflow-hidden overflow-ellipsis"
+            class="overflow-hidden overflow-ellipsis "
             @click="eventEmit(type)"
           >
             {{ getNameOfSelect(selected) }}
@@ -187,6 +187,7 @@ export default Vue.extend({
     name: [String, Number],
     selected: [String, Number, Object],
     list: Array,
+    validate:Object,
   },
   data() {
     return {
@@ -219,8 +220,8 @@ export default Vue.extend({
       }
     },
     cellOnChange(e:any) {
-      if(e.target.value && e.target.value.length >= 15) {
-        this.inputValue = (this.inputValue as string).slice(0,15)
+      if(e.target.value && e.target.value.length >= this.validate.maxLen) {
+        this.inputValue = (this.inputValue as string).slice(0,this.validate.maxLen)
       }
       this.$emit("cellOnChange", this.inputValue);
     },

src/view/NFT/Create/form.vue

@@ -16,7 +16,7 @@
           v-model="createNFT.value_name"
           type="input"
           :text='fromText.nameText'
-          :validate="{ maxLen: 20 }"
+          :validate="{ maxLen: 15 }"
           :placeholder="fromText.namePlaceholder"
           class="text-font-white my-3 text-sm"
           @cellOnChange="(v) => setCreateNFT({ value_name: v })"
@@ -25,7 +25,7 @@
           v-model="createNFT.value_publisher"
           type="input"
           :text="fromText.authorText"
-          :validate="{ maxLen: 20 }"
+          :validate="{ maxLen: 15 }"
           :placeholder="fromText.authorPlaceholder"
           class="text-font-white my-3 text-sm"
           @cellOnChange="(v) => setCreateNFT({ value_publisher: v })"
@@ -45,7 +45,7 @@
             name="des"
             id="nft-des"
             cols="30"
-            maxlength="1000"
+            maxlength="500"
             :placeholder="fromText.desPlaceholder"
             rows="10"
             class="
@@ -56,7 +56,6 @@
               rounded-md
               text-sm
             "
-            @input="textareaChange"
           ></textarea>
         </div>
         <div class="fixed bottom-0 w-full left-0 z-30">
@@ -73,7 +72,7 @@
       <div class="step-two" v-if="currentStep == 2">
         <app-cell
           :text="fromText.fileUploadText"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           type="upload"
           :placeholder="fromText.filePlaceholder"
           :name="fileName"
@@ -81,7 +80,7 @@
         ></app-cell>
         <app-cell
           text="封面上传(非必填)"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           type="upload"
           placeholder="请上传相关封面"
           :name="coverName"
@@ -89,7 +88,7 @@
         ></app-cell>
         <app-cell
           :text="fromText.fileHashText"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           type="showText"
           :name="fileHash"
           @cellOnChange="getValue"
@@ -101,7 +100,7 @@
           labelIcon="icon-wenhao"
           @clickIcon="alertPlatformSave"
           :list="archivesList"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           @cellOnChange="(v) => (createNFT.archives = v)"
         ></app-cell>
         <app-cell
@@ -112,7 +111,7 @@
           labelIcon="icon-wenhao"
           @clickIcon="alertAuthorizeRead"
           :list="grantList"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           @cellOnChange="(v) => (createNFT.grant = v)"
         ></app-cell>
         <div class="fixed bottom-0 w-full left-0 flex flex-row z-30">
@@ -138,20 +137,20 @@
           text="NFT编号"
           type="showText"
           :name="publish.nftId"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
         ></app-cell>
         <app-cell
           :text="fromText.fileHashText"
           type="showText"
           :name="publish.fileHash"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           @cellOnChange="getValue"
         ></app-cell>
         <app-cell
           text="发行人地址"
           type="showText"
           :name="publish.wallet"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           @cellOnChange="getValue"
         ></app-cell>
         <app-cell
@@ -160,7 +159,7 @@
           :value="1"
           :disabled="true"
           type="input-num"
-          class="text-font-white my-3 text-xs"
+          class="text-font-white my-3 text-sm"
           @cellOnChange="
             (v) => {
               publish.count = v;
@@ -549,11 +548,11 @@ export default Vue.extend({
     clickRepublish() {
       this.currentStep = 1;
     },
-    textareaChange(e:any){
-      if(e.target.value.length >= 500) {
-        this.createNFT.value_des = e.target.value.slice(0,500)
-      }
-    }
+    // textareaChange(e:any){
+    //   if(e.target.value.length >= 500) {
+    //     this.createNFT.value_des = e.target.value.slice(0,500)
+    //   }
+    // }
   },
 });
 </script>

src/view/NFT/Create/upload.vue

@@ -280,6 +280,11 @@ export default Vue.extend({
     height: 200px;
     display: flex;
     align-items: center;
+    img {
+      max-height: 100%;
+      max-width: 100%;
+      display: block;
+    }
   }
 }
 .hiddenBorder {