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

Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front

Browse Source
This commit is contained in:
zhangyahui
2026-05-28 11:28:53 +08:00
parent e4f1c535a7 8f23b4c387
commit 248bf6b1eb
13 changed files with 152 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/digitalDetail/index.vue
View File

@@ -111,7 +111,7 @@ defineExpose({})
</div>
<div class="right">
<div class="top">
<div class="box">
<div class="box illustration">
<div class="title">{{ $t('digitalDetail.Illustration') }}</div>
<div class="imgBox">
<img :src="item?.imgUrl" v-for="item in illustrationList" :key="item" alt="">
@@ -125,7 +125,7 @@ defineExpose({})
</div>
</div>
<div class="bottom">
<div class="box aa">
<div class="box editorialVisual">
<div class="title">{{ $t('digitalDetail.EditorialVisual') }}</div>
<div class="imgBox">
<img :src="item?.gif||item?.imgUrl" v-for="item in editorialVisualList" :key="item" alt="">
@@ -195,13 +195,14 @@ defineExpose({})
.digitalItemDetail{
width: 100%;
height: 100%;
overflow-y: auto;
position: relative;
display: flex;
flex-direction: column;
.center{
flex: 1;
// flex: 1;
display: flex;
overflow: hidden;
// overflow: hidden;
.img-list{
flex: 1;
display: grid;
@@ -211,6 +212,7 @@ defineExpose({})
// --row-width: 29.3rem;
overflow-y: auto;
position: relative;
border-right: 0.5px solid #585858;
&::-webkit-scrollbar{
display: none;
}
@@ -232,8 +234,40 @@ defineExpose({})
flex-wrap: wrap;
img{
width: 100%;
// height: 51rem;
// margin: 0 auto;
}
}
&.sketch{
.imgBox{
flex-direction: column;
gap: 2rem;
padding: 5rem 0;
img{
height: 20.4rem;
width: auto;
margin: auto;
}
}
}
&.illustration{
display: flex;
flex-direction: column;
.imgBox{
flex: 1;
> img{
aspect-ratio: 9 / 16;
object-fit: contain;
padding: 3.6rem;
}
}
}
&.editorialVisual{
.imgBox{
row-gap: 60px;
}
}
}
> .left{
@@ -258,6 +292,7 @@ defineExpose({})
display: flex;
}
> .bottom{
margin-top: 10.5rem;
.imgBox{
display: flex;
img{
@@ -268,12 +303,15 @@ defineExpose({})
}
}
.img-detail{
border-left: 0.5px solid #585858;
padding-left: 3.2rem;
width: 57rem;
display: flex;
flex-direction: column;
overflow-y: auto;
height: calc(var(--app-view-height) - var(--footer-height));
position: sticky;
top: 0;
// height: 100%;
&::-webkit-scrollbar{
display: none;
}
@@ -331,6 +369,9 @@ defineExpose({})
object-fit: cover;
}
> .detail{
display: flex;
flex-direction: column;
align-items: flex-start;
.name{
text-decoration: underline;
font-weight: 500;

9
src/views/home/section-aida.vue
View File

@@ -3,12 +3,9 @@
<img src="@/assets/images/home/aida-bg.jpg" class="bg" />
<div class="content">
<div class="aida-logo"><img src="@/assets/images/logos/aida.png" /></div>
<div class="title">Design with AiDA</div>
<div class="tip">
Each garment on this platform is where designer vision blooms through AiDA. A tool
that nurtures your creativity, never overshadows it. Let your ideas flourish.
</div>
<button custom @click="openAida">Try Now</button>
<div class="title">{{ $t('Home.AidaTitle') }}</div>
<div class="tip">{{ $t('Home.AidaTip') }}</div>
<button custom @click="openAida">{{ $t('Home.TryNow') }}</button>
</div>
</section>
</template>

9
src/views/home/section-designer.vue
View File

@@ -1,11 +1,8 @@
<template>
<section class="section-designer">
<div class="title">Designer Community</div>
<div class="tip">
Discover the designers shaping AiDA’s creative landscape. <br />
Each month, we will showcase a curated selection of their most distinguished works.
</div>
<button custom="black" @click="onSearchBrand">Search Brands</button>
<div class="title" v-html="$t('Home.DesignerTitle')"></div>
<div class="tip" v-html="$t('Home.DesignerTip')"></div>
<button custom="black" @click="onSearchBrand">{{ $t('Home.SearchBrands') }}</button>
<img src="@/assets/images/home/designer-bg.png" />
</section>
</template>

10
src/views/home/section-digital-items1.vue
View File

@@ -2,12 +2,8 @@
<section class="digital-items1 bgw">
<img src="@/assets/images/home/digital-items-1.jpg" class="bg" />
<div class="content">
<div class="title">Digital Items</div>
<div class="tip">
AiDA captures your boldest thoughts and transforms them into vivid
<br />
digital visions—a virtual realm where creativity collides and evolves.
</div>
<div class="title">{{ $t('Home.DigitalItems') }}</div>
<div class="tip" v-html="$t('Home.DigitalItemsTip1')"></div>
<button custom="black" @click="onShopAll">Shop All</button>
<div class="list">
<div v-for="v in list" :key="v.url">
@@ -27,7 +23,7 @@
const list = ref([
{
title: 'Women’s Itemk',
title: 'Women’s Item',
tip: 'Blue Pleat Aria',
url: 'http://118.31.39.42:3000/falls/digital-items-1.png'
},

8
src/views/home/section-digital-items2.vue
View File

@@ -2,11 +2,7 @@
<section class="digital-items2 bgw">
<img src="@/assets/images/home/digital-items-1.jpg" class="bg" />
<div class="content">
<div class="tip">
AiDA accelerates style innovation, shaping daily pieces that keep
<br />
your wardrobe in sync with modern fashion’s rhythm.
</div>
<div class="tip" v-html="$t('Home.DigitalItemsTip2')"></div>
<div class="list">
<div v-for="v in list" :key="v.url">
<img :src="v.url" alt="" />
@@ -22,7 +18,7 @@
import { computed, ref } from 'vue'
const list = ref([
{
title: 'Women’s Itemk',
title: 'Women’s Item',
tip: 'Blue Pleat Aria',
url: 'http://118.31.39.42:3000/falls/digital-items-1.png'
},

38
src/views/home/section-footer.vue
View File

@@ -7,35 +7,32 @@
<img src="@/assets/images/logos/stylish-parade-black.png" />
<img src="@/assets/images/logos/aida-black.png" />
</div>
<div class="tip">
Stylish Parade is a commerce platform for designers, serving as AiDA's
commercial extension.
</div>
<div class="tip">{{ $t('Home.FooterTip') }}</div>
<div class="link">
<span class="text" @click="openAida">Bloom your Creativity with AiDA!</span>
<span class="text" @click="openAida">{{ $t('Home.FooterAidaTip') }}</span>
<span class="icon"><svg-icon name="arrow_right" size="12" /></span>
</div>
</div>
<div class="help">
<div class="title">HELP</div>
<div class="item">FAQ</div>
<div class="item">My Account</div>
<div class="item">My Orders</div>
<div class="item">Payment and Invoices</div>
<div class="item">Copyright Licence</div>
<div class="title">{{ $t('Home.Help') }}</div>
<div class="item">{{ $t('Home.FAQ') }}</div>
<div class="item">{{ $t('Home.MyAccount') }}</div>
<div class="item">{{ $t('Home.MyOrders') }}</div>
<div class="item">{{ $t('Home.PaymentInvoices') }}</div>
<div class="item">{{ $t('Home.CopyrightLicense') }}</div>
</div>
<div class="polices">
<div class="title">POLICES</div>
<div class="item">Legal</div>
<div class="item">Privacy Policy</div>
<div class="item">Cookies Settings</div>
<div class="item">Purchase Conditions</div>
<div class="title">{{ $t('Home.Polices') }}</div>
<div class="item">{{ $t('Home.Legal') }}</div>
<div class="item">{{ $t('Home.PrivacyPolicy') }}</div>
<div class="item">{{ $t('Home.CookiesSettings') }}</div>
<div class="item">{{ $t('Home.PurchaseConditions') }}</div>
</div>
<div class="company">
<div class="title">COMPANY</div>
<div class="item">About us</div>
<div class="item">Offices</div>
<div class="item">Join with us</div>
<div class="title">{{ $t('Home.Company') }}</div>
<div class="item">{{ $t('Home.AboutUs') }}</div>
<div class="item">{{ $t('Home.Offices') }}</div>
<div class="item">{{ $t('Home.JoinWithUs') }}</div>
</div>
</div>
<div class="footer">
@@ -124,6 +121,7 @@
font-size: 1.8rem;
color: #232323;
margin-bottom: 2.3rem;
text-transform: uppercase;
}
> .item {
font-family: KaiseiOpti-Regular;

9
src/views/home/section-index.vue
View File

@@ -2,11 +2,8 @@
<section class="section-index bgw">
<img src="@/assets/images/home/bg.png" class="bg" />
<div class="content">
<div class="title" v-html="title"></div>
<div class="tip">
Discover collections through the stories behind their creation. A curated space connecting
designers, narratives, and fashion commerce.
</div>
<div class="title" v-html="$t('Home.IndexTitle')"></div>
<div class="tip">{{ $t('Home.IndexTip') }}</div>
<button custom="black-box" @click="handleClickArrow">
<svg-icon name="arrow_right" size="34" />
</button>
@@ -18,8 +15,6 @@
import { computed } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const title =
'We’re Seeking<br /><span>Fashion Voice</span><br /><span class="small">Worth Featuring.</span>'
const handleClickArrow = () => {
router.push({ name: 'collectionStory' })
}

2
src/views/shoppingCart/sc-item.vue
View File

@@ -85,7 +85,7 @@
})
const handleBrandClick = () => {
router.push({
name: 'brand',
name: 'brandDetail',
params: { id: props.info.sellerId }
})
}

7
src/views/shoppingCart/sc-list.vue
View File

@@ -134,9 +134,9 @@
const list_ = ref([])
const list = computed(() => {
// if(sortBy.value === 'BestSelling') {
// return list_.value.sort((a, b) => b.sales - a.sales)
// }
if(sortBy.value === 'BestSelling') {
return list_.value.sort((a, b) => b.salesVolume - a.salesVolume)
}
if (sortBy.value === 'PriceLowToHigh') {
return list_.value.filter(() => true).sort((a, b) => a.amount - b.amount)
}
@@ -165,6 +165,7 @@
status: v.status, //状态
date: v.addTime, //添加时间
tags: v.productCategory, //标签
salesVolume: v.salesVolume, //销售量
checked: false
}
arr.push(obj)