diff --git a/src/pages/Help/DownloadMethodList/DownloadMethodList.vue b/src/pages/Help/DownloadMethodList/DownloadMethodList.vue
index 2d7f2bd..d427795 100644
--- a/src/pages/Help/DownloadMethodList/DownloadMethodList.vue
+++ b/src/pages/Help/DownloadMethodList/DownloadMethodList.vue
@@ -5,7 +5,7 @@
v-for="item in downloadMethods"
:key="item.id"
@click="toggle(item.id)"
- class="group relative flex cursor-pointer flex-col rounded-[30px] border-[4px] border-white bg-black pt-4 pb-2 transition-all md:pb-6"
+ class="group relative flex flex-col rounded-[30px] border-[4px] border-white bg-black pt-4 pb-2 transition-all md:pb-6"
>
@@ -89,10 +89,10 @@
:key="hzIdx"
class="absolute z-20 cursor-pointer"
:style="{
- left: hz.x + '%',
- top: hz.y + '%',
- width: hz.w + '%',
- height: hz.h + '%',
+ left: hz.x + 'px',
+ top: hz.y + 'px',
+ width: hz.w + 'px',
+ height: hz.h + 'px',
}"
@click="handleHotzone(hz)"
>
@@ -142,10 +142,10 @@ import pc3_2 from './pc3/row-2-column-1.webp'
import pc3_3 from './pc3/row-3-column-1.webp'
interface Hotzone {
- x: number // 百分比
- y: number // 百分比
- w: number // 百分比
- h: number // 百分比
+ x: number
+ y: number
+ w: number
+ h: number
type: 'copy' | 'link'
payload: string
label?: string
@@ -162,7 +162,16 @@ const downloadMethods = ref([
mobileImages: [m1_1, m1_2, m1_3],
pcImages: [pc1_1, pc1_2, pc1_3],
mobileHotzones: [] as Hotzone[],
- pcHotzones: [] as Hotzone[],
+ pcHotzones: [
+ {
+ x: 410,
+ y: 224,
+ w: 140,
+ h: 20,
+ type: 'link',
+ payload: 'https://account.apple.com/account',
+ },
+ ] as Hotzone[],
},
{
id: 2,
@@ -173,7 +182,16 @@ const downloadMethods = ref([
mobileImages: [m2_1, m2_2, m2_3],
pcImages: [pc2_1, pc2_2, pc2_3],
mobileHotzones: [] as Hotzone[],
- pcHotzones: [] as Hotzone[],
+ pcHotzones: [
+ {
+ x: 410,
+ y: 224,
+ w: 140,
+ h: 20,
+ type: 'link',
+ payload: 'https://account.apple.com',
+ },
+ ] as Hotzone[],
},
{
id: 3,
@@ -184,7 +202,40 @@ const downloadMethods = ref([
mobileImages: [m3_1, m3_2, m3_3],
pcImages: [pc3_1, pc3_2, pc3_3],
mobileHotzones: [] as Hotzone[],
- pcHotzones: [] as Hotzone[],
+ pcHotzones: [
+ {
+ x: 103,
+ y: 1430,
+ w: 140,
+ h: 20,
+ type: 'text',
+ payload: 'https://account.apple.com',
+ },
+ {
+ x: 103,
+ y: 1470,
+ w: 140,
+ h: 20,
+ type: 'text',
+ payload: 'https://account.apple.com',
+ },
+ {
+ x: 103,
+ y: 1414,
+ w: 194,
+ h: 34,
+ type: 'copy',
+ payload: 'https://account.apple.com',
+ },
+ {
+ x: 103,
+ y: 1451,
+ w: 194,
+ h: 34,
+ type: 'copy',
+ payload: 'https://account.apple.com',
+ },
+ ] as Hotzone[],
},
])
diff --git a/src/pages/Help/DownloadMethodList/pc3/row-1-column-1.webp b/src/pages/Help/DownloadMethodList/pc3/row-1-column-1.webp
index e2f4d98..4073634 100644
Binary files a/src/pages/Help/DownloadMethodList/pc3/row-1-column-1.webp and b/src/pages/Help/DownloadMethodList/pc3/row-1-column-1.webp differ
diff --git a/src/pages/Help/DownloadMethodList/pc3/row-2-column-1.webp b/src/pages/Help/DownloadMethodList/pc3/row-2-column-1.webp
index 8676bec..75d4e95 100644
Binary files a/src/pages/Help/DownloadMethodList/pc3/row-2-column-1.webp and b/src/pages/Help/DownloadMethodList/pc3/row-2-column-1.webp differ
diff --git a/src/pages/Help/DownloadMethodList/pc3/row-3-column-1.webp b/src/pages/Help/DownloadMethodList/pc3/row-3-column-1.webp
index 5993138..073a100 100644
Binary files a/src/pages/Help/DownloadMethodList/pc3/row-3-column-1.webp and b/src/pages/Help/DownloadMethodList/pc3/row-3-column-1.webp differ