From 282a5b225221afccda845d1f2d02aab46a5bfeb0 Mon Sep 17 00:00:00 2001 From: "X1627315083@163.com" <1627315083@qq.com> Date: Tue, 21 Apr 2026 15:57:37 +0800 Subject: [PATCH] fix --- src/App.vue | 4 + src/assets/icons/add.svg | 4 + src/assets/icons/brand/call.svg | 3 + src/assets/icons/brand/email.svg | 3 + src/assets/icons/brand/link.svg | 4 + src/assets/images/brand/brandBg.png | Bin 0 -> 730226 bytes .../images/collectionStory/coreconcept_1.png | Bin 0 -> 544895 bytes .../images/collectionStory/coreconcept_2.png | Bin 0 -> 393227 bytes .../images/collectionStory/coreconcept_3.png | Bin 0 -> 225618 bytes .../images/collectionStory/coreconcept_4.png | Bin 0 -> 459492 bytes .../images/collectionStory/coreconcept_5.png | Bin 0 -> 1071292 bytes .../images/collectionStory/feeling_1.png | Bin 0 -> 225304 bytes .../images/collectionStory/feeling_2.png | Bin 0 -> 53437 bytes .../images/collectionStory/inspiration_1.png | Bin 0 -> 461740 bytes .../images/collectionStory/inspiration_2.png | Bin 0 -> 410278 bytes src/components/CommodityItem.vue | 82 +++++++++ src/components/Footer.vue | 62 +++++++ src/router/index.ts | 5 + src/views/brand/commodity-list.vue | 169 ++++++++++++++++++ src/views/brand/index.vue | 64 +++++++ src/views/brand/merchant-info.vue | 129 +++++++++++++ .../collectionStory/detail/coreConcept.vue | 17 +- .../detail/feelingWithAiDA.vue | 7 +- src/views/collectionStory/detail/index.vue | 36 +++- .../collectionStory/detail/inspiration.vue | 7 +- src/views/collectionStory/index.vue | 17 +- src/views/main-header.vue | 2 +- 27 files changed, 595 insertions(+), 20 deletions(-) create mode 100644 src/assets/icons/add.svg create mode 100644 src/assets/icons/brand/call.svg create mode 100644 src/assets/icons/brand/email.svg create mode 100644 src/assets/icons/brand/link.svg create mode 100644 src/assets/images/brand/brandBg.png create mode 100644 src/assets/images/collectionStory/coreconcept_1.png create mode 100644 src/assets/images/collectionStory/coreconcept_2.png create mode 100644 src/assets/images/collectionStory/coreconcept_3.png create mode 100644 src/assets/images/collectionStory/coreconcept_4.png create mode 100644 src/assets/images/collectionStory/coreconcept_5.png create mode 100644 src/assets/images/collectionStory/feeling_1.png create mode 100644 src/assets/images/collectionStory/feeling_2.png create mode 100644 src/assets/images/collectionStory/inspiration_1.png create mode 100644 src/assets/images/collectionStory/inspiration_2.png create mode 100644 src/components/CommodityItem.vue create mode 100644 src/components/Footer.vue create mode 100644 src/views/brand/commodity-list.vue create mode 100644 src/views/brand/index.vue create mode 100644 src/views/brand/merchant-info.vue diff --git a/src/App.vue b/src/App.vue index 4dcaae4..c3e2876 100644 --- a/src/App.vue +++ b/src/App.vue @@ -33,6 +33,10 @@ } \ No newline at end of file diff --git a/src/components/Footer.vue b/src/components/Footer.vue new file mode 100644 index 0000000..9f693f5 --- /dev/null +++ b/src/components/Footer.vue @@ -0,0 +1,62 @@ + + + + + diff --git a/src/router/index.ts b/src/router/index.ts index 126da21..7858deb 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -20,6 +20,11 @@ const router = createRouter({ name: 'collectionStory', component: () => import('../views/collectionStory/index.vue'), }, + { + path: '/brand', + name: 'brand', + component: () => import('../views/brand/index.vue'), + }, { path: '/:pathMatch(.*)', name: '404', diff --git a/src/views/brand/commodity-list.vue b/src/views/brand/commodity-list.vue new file mode 100644 index 0000000..012e2da --- /dev/null +++ b/src/views/brand/commodity-list.vue @@ -0,0 +1,169 @@ + + + \ No newline at end of file diff --git a/src/views/brand/index.vue b/src/views/brand/index.vue new file mode 100644 index 0000000..43540a1 --- /dev/null +++ b/src/views/brand/index.vue @@ -0,0 +1,64 @@ + + + \ No newline at end of file diff --git a/src/views/brand/merchant-info.vue b/src/views/brand/merchant-info.vue new file mode 100644 index 0000000..674b516 --- /dev/null +++ b/src/views/brand/merchant-info.vue @@ -0,0 +1,129 @@ + + + \ No newline at end of file diff --git a/src/views/collectionStory/detail/coreConcept.vue b/src/views/collectionStory/detail/coreConcept.vue index f6b0d95..807180e 100644 --- a/src/views/collectionStory/detail/coreConcept.vue +++ b/src/views/collectionStory/detail/coreConcept.vue @@ -5,7 +5,11 @@ import 'swiper/css'; import 'swiper/css/pagination'; import 'swiper/css/navigation'; import { Navigation, Pagination, Autoplay } from 'swiper/modules' -import img from "@/assets/images/collectionStory/Rectangle.png"; +import coreconcept_1 from "@/assets/images/collectionStory/coreconcept_1.png"; +import coreconcept_2 from "@/assets/images/collectionStory/coreconcept_2.png"; +import coreconcept_3 from "@/assets/images/collectionStory/coreconcept_3.png"; +import coreconcept_4 from "@/assets/images/collectionStory/coreconcept_4.png"; +import coreconcept_5 from "@/assets/images/collectionStory/coreconcept_5.png"; //const props = defineProps({ //}) @@ -15,11 +19,11 @@ const modules = [Navigation, Pagination, Autoplay] let data = reactive({ }) let slides = [ - { image: img, text: 'Layered Heritage, Coastal Stillness' }, - { image: img, text: 'Nomadic Silhouettes, Golden Wandering' }, - { image: img, text: 'Pastoral Communion, Woven Earth' }, - { image: img, text: 'Pastoral Communion, Woven Earth' }, - { image: img, text: 'Pastoral Communion, Woven Earth' }, + { image: coreconcept_1, text: 'Layered Heritage, Coastal Stillness' }, + { image: coreconcept_2, text: 'Nomadic Silhouettes, Golden Wandering' }, + { image: coreconcept_3, text: 'Pastoral Communion, Woven Earth' }, + { image: coreconcept_4, text: 'Layered winter silhouettes' }, + { image: coreconcept_5, text: 'Insulated winterwear inspired by high-altitude traditions' }, ] onMounted(()=>{ }) @@ -116,6 +120,7 @@ const {} = toRefs(data); right: 0; } .slide-content{ + width: min-content; > img{ height: 34.2rem; width: auto; diff --git a/src/views/collectionStory/detail/feelingWithAiDA.vue b/src/views/collectionStory/detail/feelingWithAiDA.vue index 25aff60..e0686d8 100644 --- a/src/views/collectionStory/detail/feelingWithAiDA.vue +++ b/src/views/collectionStory/detail/feelingWithAiDA.vue @@ -1,6 +1,7 @@