"修复和增强用户注册页面的样式和功能"

src/views/signup/size1440/index.vue

@@ -34,7 +34,7 @@ const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =us
           <n-select
               v-model:value="formData.gender"
               placeholder="请选择宝贝性别"
-              class="w-861px"
+              class="w-861px h-45px"
               :options="genderOptions.map(x=>{
                 return {
                   label:x.text,value:x.value
@@ -43,9 +43,9 @@ const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =us
           />
         </div>
       </div>
-      <div class="bg-#F5F5F5 pb-12px mt-21px w-[936px] flex  flex-col grow-1 overflow-y-auto">
+      <div class="bg-#F5F5F5 z-10 pb-12px mt-21px w-[936px] flex  flex-col grow-1 overflow-y-auto">
         <div :class="`flex w-full ${formData.works?.length>1&&index+1!==formData.works?.length?'border-b-1px border-b-[#D6E0E9] border-b-solid mb-27px pb-27px':''}` "  v-for="(item,index) of formData.works" :key="index">
-        <div class="text-primary text-19px  w-[68px] font-bold mt-20px shrink-0 pl-5px ">*作品1</div>
+        <div class="text-primary text-19px  w-[68px] font-bold mt-20px shrink-0 pl-5px ">*作品{{index+1}}</div>
           <div class="mt-10px">
          <div class="flex items-end">
            <n-upload
@@ -107,7 +107,6 @@ const {formData,genderOptions,clickAddWorks,removeWorks,afterRead,goConfirm} =us
   color: rgb(131, 162, 195)!important;
 }
 :deep(.n-base-selection-label){
-  height: 45px;
   background: #DCE5E9!important;
 }
 :deep(.n-upload-file.n-upload-file--success-status.n-upload-file--image-card-type){

src/views/signup/size1920/index.vue

@@ -7,6 +7,9 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
 
 <template>
   <div class="box-border relative w-screen min-h-920px bg-center bg-no-repeat bg-cover bg-[url('@/assets/image/zu3346@2x.png')] flex items-center flex-col">
+    <n-scrollbar>
+
+    </n-scrollbar>
     <div class="absolute top-0 left-[385px]">
       <img src="@/assets/image/gdz47@2x.png" class="w-[243px] h-[293px]" alt="">
     </div>
@@ -16,7 +19,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
     <div class="">
       <img class="w-[210px] h-[35px] mt-[132px] mb-[25px]" src="@/assets/image/zu3311@2x.png" alt="">
     </div>
-    <div class="bg-[url('@/assets/image/zue3250@2x.png')] pt-23px pb-12px w-908px h-595px bg-center bg-no-repeat bg-cover  pr-103px pl-103px flex items-center flex-col z-2">
+    <div class="bg-[url('@/assets/image/zue3250@2x.png')] pt-23px pb-12px w-908px h-595px bg-center bg-no-repeat bg-cover  pr-103px pl-103px flex items-center flex-col">
       <div class="flex items-center">
         <div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*姓名</div>
         <div class="text-primary">
@@ -48,7 +51,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
           <img src="@/assets/image/hsmr@2x.png" class="w-10px h-5px absolute right-19px top-50% translate-y-[-50%]" alt="">-->
         </div>
       </div>
-      <div class="bg-#F5F5F5 pb-9px mt-16px w-[710px] flex  flex-col overflow-y-auto">
+      <div class="bg-#F5F5F5 pb-9px mt-16px w-[710px] flex  flex-col overflow-y-auto z-2">
         <n-scrollbar>
           <div class="flex" v-for="(item,index) of formData.works" :key="index">
             <div class="text-primary text-[14px] pl-5px w-[68px] font-bold shrink-0 mt-15px">*作品{{index+1}}</div>
@@ -100,7 +103,7 @@ const {clickApply,formData,genderOptions,clickAddWorks,removeWorks,afterRead,goC
       </div>
     </div>
     <div class="absolute bottom-0 right-0 z-0">
-      <img class="w-876px h-385px" src="@/assets/image/dfdf4@2x.png" alt="">
+      <img class="w-876px h-385px" src="@/assets/image/dfdc46@2x.png" alt="">
     </div>
   </div>
 </template>

src/views/signup/size375/index.vue

@@ -7,8 +7,6 @@ function onConfirm(data){
   formData.value.gender=data.selectedValues?.[0]
   showPicker.value=false
 }
-
-
 </script>
 <template>
   <div class="box-border relative w-1920px min-h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">