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-02-04 11:33:12 +08:00
parent 4ff9bc7f63
commit d9a1c0a4b3
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/image/mainImg/img6.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 62 KiB

2
src/lang/en.ts
View File

@@ -685,7 +685,7 @@ export default {
guide6:'For the Moodboard, Printboard, or Sketchboard, we provide three different sourcing methods to add images. The first option is <strong>Upload</strong>, allowing you to <stront>upload</stront> directly from your local device.',
guide7:"The second method is to select from your <strong>Library</strong>. <br> You might notice that your library page is currently empty; there's no need to worry. All the images you upload will be automatically added to your library. In the future, you won't have to upload each time—you can simply choose from your library instead.",
guide8:'The third method is to <strong>Generate</strong> images using the latest Image Generation technology.',
guide9:"Enter keywords that capture the mood you wish to express and then click the <strong>Generate</strong> button.",
guide9:"Enter keywords that capture the mood you wish to express and then click the <strong>Low Quality</strong> button.",
guide10:'Select two images for your moodboard.',
guide11:"Click here to layout your moodboard.",
guide12:"Click here for next step.",

14
src/views/HomeRecommend.vue
View File

@@ -396,7 +396,7 @@ export default defineComponent({
width: 30rem;
height: 25rem;
object-fit: cover;
top: calc(10rem + var(--margin));
top: calc(10rem);
right: calc(25rem + var(--margin));
}
.content_body_img5{
@@ -419,8 +419,8 @@ export default defineComponent({
// left: calc(20rem + var(--margin));
}
.content_body_img2{
width: 30rem;
height: 25rem;
width: 35rem;
height: 27rem;
object-fit: cover;
top: calc(10rem + var(--margin));
left: calc(25rem + var(--margin));
@@ -429,15 +429,15 @@ export default defineComponent({
width: 22rem;
height: 30rem;
object-fit: cover;
top: calc(35rem + var(--margin));
top: calc(37rem + var(--margin));
left: calc(27rem + var(--margin));
}
.content_body_img4{
width: 11rem;
height: 15rem;
width: 15rem;
height: 18rem;
object-fit: cover;
top: calc(50rem + var(--margin));
left: calc(42rem + var(--margin));
left: calc(45rem + var(--margin));
}
.content_body_img5{
width: 20rem;