|
|
@@ -1,7 +1,7 @@
|
|
|
<!--
|
|
|
* @Author: LiZhiWei
|
|
|
* @LastEditors: LiZhiWei
|
|
|
- * @LastEditTime: 2026-01-15 15:15:11
|
|
|
+ * @LastEditTime: 2026-01-15 16:12:33
|
|
|
* @Description:
|
|
|
-->
|
|
|
<template>
|
|
|
@@ -28,7 +28,7 @@
|
|
|
<div class="metric-label">服务人群</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="mt-35px flex flex-wrap items-center gap-12px">
|
|
|
+ <div class="mt-35px flex flex-wrap items-center gap-16px">
|
|
|
<button
|
|
|
class="btn-primary w-127px h-56px! rounded-8px text-white font-s-18px pf-sc-semibold"
|
|
|
>
|
|
|
@@ -80,7 +80,7 @@
|
|
|
leave-to-class="opacity-0"
|
|
|
>
|
|
|
<div v-if="index === activeIndex" class="wh-full pt-40px px-48px">
|
|
|
- <div class="font-s-18px text-#000000 pf-sc-semibold">
|
|
|
+ <div class="font-s-22px text-#000000 pf-sc-semibold">
|
|
|
{{ solution.hoverTitle }}
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -122,7 +122,7 @@
|
|
|
<div class="mt-18px font-s-18px text-#091221 pf-sc-semibold">
|
|
|
{{ solution.title }}
|
|
|
</div>
|
|
|
- <div class="mt-8px font-s-14px lh-24px text-#091221/70 pf-sc-regular w-172px">
|
|
|
+ <div class="mt-8px font-s-14px lh-24px text-#091221/60 pf-sc-regular w-172px">
|
|
|
{{ solution.desc }}
|
|
|
</div>
|
|
|
<i
|
|
|
@@ -318,18 +318,28 @@
|
|
|
{{ currentEventData.month }}
|
|
|
</span>
|
|
|
<!-- 右上方小切换 -->
|
|
|
- <div class="flex gap-12px">
|
|
|
+ <div v-if="currentYearData?.events?.length > 1" class="flex gap-12px">
|
|
|
<i
|
|
|
- class="i-custom-arrow-circle-left wh-32px cursor-pointer hover:i-custom-arrow-circle-left-active"
|
|
|
+ class="i-custom-arrow-circle-left wh-32px transition-all"
|
|
|
+ :class="[
|
|
|
+ currentEventIndex === 0
|
|
|
+ ? 'opacity-30 cursor-not-allowed'
|
|
|
+ : 'cursor-pointer hover:i-custom-arrow-circle-left-active',
|
|
|
+ ]"
|
|
|
@click="prevEvent"
|
|
|
></i>
|
|
|
<i
|
|
|
- class="i-custom-arrow-circle-right wh-32px cursor-pointer hover:i-custom-arrow-circle-right-active"
|
|
|
+ class="i-custom-arrow-circle-right wh-32px transition-all"
|
|
|
+ :class="[
|
|
|
+ currentEventIndex === currentYearData.events.length - 1
|
|
|
+ ? 'opacity-30 cursor-not-allowed'
|
|
|
+ : 'cursor-pointer hover:i-custom-arrow-circle-right-active',
|
|
|
+ ]"
|
|
|
@click="nextEvent"
|
|
|
></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="h-2px w-34px bg-#0F67F8 mt-12px"></div>
|
|
|
+ <div class="h-2px w-34px bg-#0F67F8 mt-11px"></div>
|
|
|
<div class="flex-1 text-20px lh-35px text-#091221/70 pf-sc-regular mt-26px pr-114px">
|
|
|
{{ currentEventData.content }}
|
|
|
</div>
|
|
|
@@ -491,19 +501,12 @@
|
|
|
const events = currentYearData.value?.events || []
|
|
|
if (currentEventIndex.value < events.length - 1) {
|
|
|
currentEventIndex.value++
|
|
|
- } else if (currentYearIndex.value < historyYears.length - 1) {
|
|
|
- currentYearIndex.value++
|
|
|
- currentEventIndex.value = 0
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const prevEvent = () => {
|
|
|
if (currentEventIndex.value > 0) {
|
|
|
currentEventIndex.value--
|
|
|
- } else if (currentYearIndex.value > 0) {
|
|
|
- currentYearIndex.value--
|
|
|
- const prevYearEvents = historyYears[currentYearIndex.value]?.events || []
|
|
|
- currentEventIndex.value = prevYearEvents.length - 1
|
|
|
}
|
|
|
}
|
|
|
|