历史回顾：表盘切图优化；快到到时间尽头时提前禁止前进以避免右侧空白太多；最后一个年代不显示。

src/views/HistoryNew.vue

@@ -201,14 +201,14 @@ export default {
         endTimeFriendly: '本世纪20年代',
         components: '上海工业转型升级',
       },
-      {
-        name: '追梦未来',
-        startTime: '2021',
-        endTime: '2035',
-        startTimeFriendly: '本世纪20年代',
-        endTimeFriendly: '本世纪30年代',
-        components: '上海工业再创辉煌',
-      },
+      // {
+      //   name: '追梦未来',
+      //   startTime: '2021',
+      //   endTime: '2035',
+      //   startTimeFriendly: '本世纪20年代',
+      //   endTimeFriendly: '本世纪30年代',
+      //   components: '上海工业再创辉煌',
+      // },
     ])
 
     // 获取数据
@@ -227,7 +227,7 @@ export default {
       }).then((res) => {
         stageItem.personList = res
         const personWidth = spaceEachPerson
-        stageItem.width = personWidth * res.length
+        stageItem.width = personWidth * (res.length || 1)
       }).then(() => {
         // 获取各人物的照片
         for (const personItem of stageItem.personList) {
@@ -248,7 +248,7 @@ export default {
         stageItem.endPos = temp + stageItem.width
         temp = stageItem.endPos
       }
-      maxTranslateLength.value = stageList[stageList.length - 1].endPos
+      maxTranslateLength.value = stageList[stageList.length - 1].endPos - (window.innerWidth / 4)
     })
 
     // 用户操作相关
@@ -459,18 +459,12 @@ export default {
     // 各个时代标签
     const stageLabelList = computed(() => {
       return stageList.map((item) => {
-        if (item?.personList?.length) {
-          return {
-            name: item.name,
-            initialLeft: (item.startPos + 10) * 3,
-            left: (item.startPos + 10) * 3,
-            startTime: item.startTime + '年',
-          }
-        } else {
-          return undefined
+        return {
+          name: item.name,
+          initialLeft: (item.startPos + 10) * 3,
+          left: (item.startPos + 10) * 3,
+          startTime: item.startTime + '年',
         }
-      }).filter((item) => {
-        return !!item
       })
     })
     watch(translateLength, (vNew) => {