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

123

Browse Source
This commit is contained in:
xingyy 2024-08-09 10:23:41 +08:00
parent 81dd2621bd
commit fb9d83b2a6
2 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,6 +2,7 @@
import {useAuth} from "@/store/auth/index.js";
const {clickApply,formData,genderOptions,clickAddWorks,removeWorks} =useAuth()
import {ref} from 'vue'
import {NUpload,NSelect} from 'naive-ui'
const previewFileList=ref([
@ -12,11 +13,6 @@ const previewFileList=ref([
url: "https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
}
])
const showModal=ref(false)
const previewImageUrl=ref('')
const handlePreview=()=>{
}
</script>
<template>
@ -34,19 +30,20 @@ const handlePreview=()=>{
<div class="flex items-center">
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*姓名</div>
<div class="text-primary">
<input class="pl-16px pr-16px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入宝贝姓名" type="text">
<input v-no-space v-model="formData.name" class="pl-16px pr-16px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入宝贝姓名" type="text">
</div>
</div>
<div class="flex items-center mt-18px">
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*年龄</div>
<div class="text-primary">
<input class="pl-16px pr-16px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入宝贝姓名" type="text">
<input v-no-space v-model="formData.age" class="pl-16px pr-16px w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入宝贝姓名" type="number">
</div>
</div>
<div class="flex items-center mt-18px">
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold">*性别</div>
<div class="text-primary relative">
<n-select
v-model:value="formData.gender"
placeholder="请选择性别"
style="--n-border-hover:none!important;"
class="w-[645px] h-[34px] focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none"
@ -61,8 +58,8 @@ const handlePreview=()=>{
</div>
</div>
<div class="bg-#F5F5F5 pb-9px mt-16px w-[710px] flex flex-col">
<div class="flex">
<div class="text-primary text-[14px] pl-5px w-[68px] font-bold shrink-0 mt-15px">*作品1</div>
<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>
<div class="mt-10px">
<n-upload
action="https://www.mocky.io/v2/5e4bafc63100007100d8b70f"
@ -78,19 +75,19 @@ const handlePreview=()=>{
</div>
</n-upload>
<div class="mt-8px text-12px text-[#2B69A1]">作品名称</div>
<input class="pl-16px pr-16px w-[634px] h-[34px] mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
<input v-no-space v-model="item.workName" class="pl-16px pr-16px w-[634px] h-[34px] mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
<div class="flex justify-between mt-5px mb-5px">
<div class="flex flex-col">
<div class="text-12px text-[#2B69A1]">长度</div>
<div class="flex items-center ">
<input class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
<input v-no-space v-model="item.length" class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入" type="text">
<div class="ml-10px text-[#2B69A1] text-14px mr-16px">cm</div>
</div>
</div>
<div class="flex flex-col">
<div class="text-12px text-[#2B69A1]">宽度</div>
<div class="flex items-center">
<input class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入作品名称" type="text">
<input v-no-space v-model="item.length" class="pl-16px pr-16px w-279px h-34px mt-5px focus:outline-none placeholder-text-primary placeholder-text-14px focus: bg-[#DCE5E9] border-none" placeholder="请输入" type="text">
<div class="ml-10px text-[#2B69A1] text-14px mr-16px">cm</div>
</div>
</div>

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

@ -62,19 +62,19 @@ const afterRead=(file)=>{
</div>
<div class="mt-41px text-61px text-[#2B69A1]">作品名称</div>
<input class="mt-20px w-1150px h-174px bg-[#DCE5E9] pl-61px border-none placeholder-[#2B69A1] placeholder-text-72px focus:outline-none" placeholder="请输入作品名称" type="text">
<input v-no-space v-model="item.workName" class="mt-20px w-1150px h-174px bg-[#DCE5E9] pl-61px border-none placeholder-[#2B69A1] placeholder-text-72px focus:outline-none" placeholder="请输入作品名称" type="text">
<div class="flex justify-between mt-41px">
<div class="flex flex-col">
<div class="text-61px text-[#2B69A1]">长度</div>
<div class="flex items-center">
<input v-no-space v-model="formData.length" class="w-379px h-174px bg-[#DCE5E9] pl-61px border-none placeholder-[#2B69A1] placeholder-text-72px focus:outline-none" placeholder="请输入" type="number">
<input v-no-space v-model="item.length" class="w-379px h-174px bg-[#DCE5E9] pl-61px border-none placeholder-[#2B69A1] placeholder-text-72px focus:outline-none" placeholder="请输入" type="number">
<div class="ml-30px text-[#2B69A1] text-72px">cm</div>
</div>
</div>
<div class="flex flex-col">
<div class="text-61px text-[#2B69A1]">宽度</div>
<div class="flex items-center">
<input v-no-space v-model="formData.width" class="w-379px h-174px bg-[#DCE5E9] pl-61px border-none placeholder-[#2B69A1] placeholder-text-72px focus:outline-none" placeholder="请输入" type="number">
<input v-no-space v-model="item.wide" class="w-379px h-174px bg-[#DCE5E9] pl-61px border-none placeholder-[#2B69A1] placeholder-text-72px focus:outline-none" placeholder="请输入" type="number">
<div class="ml-30px text-[#2B69A1] text-72px">cm</div>
</div>
</div>