aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面调整

Browse Source
This commit is contained in:
X1627315083
2025-07-19 14:04:48 +08:00
parent 22ee9c6cf1
commit 4b694236ee
161 changed files with 2934 additions and 3979 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/views/Login.vue
View File

@@ -2,8 +2,7 @@
<div class="loginPage">
<div class="left">
<div class="imgBox">
<img src="@/assets/images/homePage/loginLeftImg1.png" alt="">
<img src="@/assets/images/homePage/loginLeftImg2.png" alt="">
<img src="@/assets/images/homePage/loginLeftImg.png" alt="">
</div>
<!-- <Works :autoscroll="true" :position="'login'"></Works>
<div class="mask" v-show="isMask" @click="() => (isMask = !isMask)">
@@ -18,22 +17,25 @@
</div>
<div class="right">
<div class="Text" v-show="!loginType">
<div class="title">Welcome to AiDA <br />Bloom Your Creativity</div>
<div class="title">
<p style="font-weight: 700;">Welcome to AiDA</p>
<p style="font-weight: 400;">Bloom Your Creativity</p>
</div>
<div class="info">
AiDA, a first-to-market technology that empowers fashion designers, based on their creative inspirations, to work with AI to create original designs.
</div>
</div>
<div class="loginBox">
<div class="selectType" v-show="!loginType">
<div class="text">Continue with one of these：</div>
<div class="text">Continue with one of these:</div>
<div class="typeList">
<div class="gallery_btn white" @click="setLoginType('personal')">
<div class="gallery_btn" @click="setLoginType('personal')">
Individual
</div>
<div class="gallery_btn white" @click="setLoginType('school')">
<div class="gallery_btn" @click="setLoginType('school')">
Enterprise
</div>
<div class="gallery_btn white" @click="setLoginType('enterprise')">
<div class="gallery_btn" @click="setLoginType('enterprise')">
Academic
</div>
</div>
@@ -113,25 +115,25 @@ export default defineComponent({
height: 100%;
position: relative;
display: flex;
font-family: 'Satoshi';
background: #000;
> .left,
> .right {
height: 100%;
}
> .left {
width: 60%;
width: 57%;
// width: 55%;
background: #f7f8fa;
position: relative;
background: #fff;
background: #000;
> .imgBox{
width: 70%;
background: #fff;
margin: 0 auto;
background: #000;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
> img{
width: 100%;
height: 100%;
}
}
> .mask {
@@ -180,23 +182,34 @@ export default defineComponent({
}
> .right {
display: flex;
width: 40%;
width: 45%;
position: absolute;
right: 0;
align-items: center;
justify-content: center;
flex-direction: column;
background: #d9d9d9;
border-radius: 7rem 0 0 7rem;
overflow: hidden;
> .Text {
width: 60rem;
width: 65rem;
text-align: center;
> .title {
font-size: 4rem;
font-weight: 900;
line-height: 1.2;
margin-bottom: 2rem;
font-size: 6.4rem;
font-weight: 900;
line-height: 1.2;
margin-bottom: 3.2rem;
p{
margin-bottom: 0;
}
}
> .info {
font-size: 1.8rem;
margin-bottom: 2rem;
line-height: 1.2;
font-size: 2rem;
// margin-bottom: 4rem;
margin-bottom: 0rem;
font-weight: 300;
line-height: 1.2;
letter-spacing:-.5px;
}
> .continue {
> i {
@@ -205,24 +218,35 @@ export default defineComponent({
}
}
> .loginBox {
width: 60rem;
width: 44rem;
margin-top: 7rem;
> .selectType {
width: 100%;
text-align: center;
> .text {
font-size: 2.5rem;
font-weight: 600;
font-size: 3.2rem;
font-weight: 500;
margin-bottom: 2rem;
}
> .typeList {
> .gallery_btn{
}
> div {
margin: 0 auto;
width: 33rem;
margin-top: 0.8rem;
border-radius: 1rem;
width: 100%;
background: transparent;
border-radius: 9rem;
border: 2px solid;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
color: #000;
&:hover{
background: #000;
color: #fff;
}
}
}
}