首页

2026-04-20 17:04:57 +08:00
parent 1988d44c8d
commit 8330c62272
24 changed files with 565 additions and 27 deletions
--- a/src/views/home/section-digital-items2.vue
+++ b/src/views/home/section-digital-items2.vue
@@ -0,0 +1,94 @@
+<template>
+	<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="list">
+				<div v-for="v in list" :key="v.url">
+					<img :src="v.url" alt="" />
+					<div class="title">{{ v.title }}</div>
+					<div class="tip">{{ v.tip }}</div>
+				</div>
+			</div>
+		</div>
+	</section>
+</template>
+
+<script setup lang="ts">
+	import { computed, ref } from 'vue'
+	const list = ref([
+		{
+			title: 'Women’s Itemk',
+			tip: 'Blue Pleat Aria',
+			url: 'http://118.31.39.42:3000/falls/digital-items-1.png'
+		},
+		{
+			title: 'Girls’ Item',
+			tip: 'Candy Riot',
+			url: 'http://118.31.39.42:3000/falls/digital-items-2.jpg'
+		},
+		{
+			title: 'Men’s Item',
+			tip: 'Void Armour',
+			url: 'http://118.31.39.42:3000/falls/digital-items-3.png'
+		},
+		{
+			title: 'Boys’ Item',
+			tip: 'Jester Edit',
+			url: 'http://118.31.39.42:3000/falls/digital-items-4.png'
+		}
+	])
+</script>
+
+<style lang="less">
+	.digital-items2 {
+		> .content {
+			top: 8rem;
+			left: 0;
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			> .tip {
+				font-family: KaiseiOpti-Regular;
+				font-size: 2rem;
+				line-height: 2.8rem;
+				margin-bottom: 2rem;
+				color: #585858;
+				text-align: center;
+			}
+			> .list {
+				margin-top: 6rem;
+				display: flex;
+				gap: 2.4rem;
+				> div {
+					padding: 1rem;
+					border: 0.1rem solid #979797;
+					> img {
+						width: 27.4rem;
+						height: 34.6rem;
+						margin-bottom: 1.2rem;
+					}
+					> .title {
+						font-family: KaiseiOpti-Regular;
+						font-size: 1.8rem;
+						line-height: 2.2rem;
+						color: #232323;
+						margin-bottom: 0.6rem;
+					}
+					> .tip {
+						font-family: KaiseiOpti-Regular;
+						font-size: 1.2rem;
+						line-height: 2.2rem;
+						color: #979797;
+					}
+				}
+			}
+		}
+	}
+</style>