xingyy/kidArtExpo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
xingyy 2024-08-15 11:06:02 +08:00
parent cf7ea8f9f4
commit 4fda1cf904
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/signup/size1440/index.vue
View File

@ -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){

9
src/views/signup/size1920/index.vue
View File

@ -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>

2
src/views/signup/size375/index.vue
View File

@ -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">