主页item图片，底部url

src/utils/UrlList.js

@@ -3,7 +3,9 @@ export const UrlList = {
 	codeCreate: 'https://www.code-create.com/',
 	terms: 'https://www.code-create.com.hk/terms-of-use/',
 	privacy: 'https://www.code-create.com.hk/privacy-policy/',
-
+	faq: 'https://code-create.com.hk/help-centre/',
+	aboutUs: 'https://code-create.com.hk/about-us/',
+	joinWithUs: 'https://code-create.com.hk/contact-us/',
 }
 export const openView = (url) => {
 	window.open(url, '_blank')

src/views/home/section-digital-items1.vue

@@ -25,22 +25,22 @@
 		{
 			title: 'Women’s Item',
 			tip: 'Blue Pleat Aria',
-			url: 'http://118.31.39.42:3000/falls/digital-items-1.png'
+			url: '/images/home/digital-items-1.png'
 		},
 		{
 			title: 'Girls’ Item',
 			tip: 'Candy Riot',
-			url: 'http://118.31.39.42:3000/falls/digital-items-2.jpg'
+			url: '/images/home/digital-items-2.jpg'
 		},
 		{
 			title: 'Men’s Item',
 			tip: 'Void Armour',
-			url: 'http://118.31.39.42:3000/falls/digital-items-3.png'
+			url: '/images/home/digital-items-3.png'
 		},
 		{
 			title: 'Boys’ Item',
 			tip: 'Jester Edit',
-			url: 'http://118.31.39.42:3000/falls/digital-items-4.png'
+			url: '/images/home/digital-items-4.png'
 		}
 	])
 	const onShopAll = () => {

src/views/home/section-digital-items2.vue

@@ -17,25 +17,25 @@
 <script setup lang="ts">
 	import { computed, ref } from 'vue'
 	const list = ref([
-		{
-			title: 'Women’s Item',
-			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'
+			tip: 'Meadow Wrap',
+			url: '/images/home/digital-items-5.png'
 		},
 		{
-			title: 'Men’s Item',
-			tip: 'Void Armour',
-			url: 'http://118.31.39.42:3000/falls/digital-items-3.png'
+			title: 'Women’s Item',
+			tip: 'Onyx Silhouette',
+			url: '/images/home/digital-items-6.png'
 		},
 		{
 			title: 'Boys’ Item',
-			tip: 'Jester Edit',
-			url: 'http://118.31.39.42:3000/falls/digital-items-4.png'
+			tip: 'Autumn Roam',
+			url: '/images/home/digital-items-7.png'
+		},
+		{
+			title: 'Men’s Item',
+			tip: 'Archive Casual',
+			url: '/images/home/digital-items-8.png'
 		}
 	])
 </script>

src/views/home/section-footer.vue

@@ -21,26 +21,11 @@
 					<span class="icon"><svg-icon name="arrow_right" size="12" /></span>
 				</div>
 			</div>
-			<div class="help">
-				<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">{{ $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">{{ $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 v-for="v in list" :key="v.title" :class="[v.class]">
+				<div class="title">{{ $t(v.title) }}</div>
+				<div v-for="item in v.child" :key="item.title" class="item" @click="onItem(item)">
+					{{ $t(item.title) }}
+				</div>
 			</div>
 		</div>
 		<HomeFooter class="footer" isHome />
@@ -53,6 +38,81 @@
 	const router = useRouter()
 	import HomeFooter from '@/components/Footer.vue'
 	import { UrlList, openView } from '../../utils/UrlList'
+	const list = ref([
+		{
+			title: 'Home.Help',
+			class: 'help',
+			child: [
+				{
+					title: 'Home.FAQ',
+					url: UrlList.faq
+				},
+				{
+					title: 'Home.MyAccount',
+					name: 'settings'
+				},
+				{
+					title: 'Home.MyOrders',
+					name: 'wardrobe'
+				},
+				{
+					title: 'Home.PaymentInvoices',
+					url: ''
+				},
+				{
+					title: 'Home.CopyrightLicense',
+					url: ''
+				}
+			]
+		},
+		{
+			title: 'Home.Polices',
+			class: 'polices',
+			child: [
+				{
+					title: 'Home.Legal',
+					url: ''
+				},
+				{
+					title: 'Home.PrivacyPolicy',
+					url: UrlList.privacy
+				},
+				{
+					title: 'Home.CookiesSettings',
+					url: ''
+				},
+				{
+					title: 'Home.PurchaseConditions',
+					url: ''
+				}
+			]
+		},
+		{
+			title: 'Home.Company',
+			class: 'company',
+			child: [
+				{
+					title: 'Home.AboutUs',
+					url: UrlList.aboutUs
+				},
+				{
+					title: 'Home.Offices',
+					url: ''
+				},
+				{
+					title: 'Home.JoinWithUs',
+					url: UrlList.joinWithUs
+				}
+			]
+		}
+	])
+	const onItem = (item) => {
+		if (item.url) {
+			openView(item.url)
+		} else if (item.name) {
+			router.push({ name: item.name })
+		}
+	}
 </script>
 
 <style lang="less">