折叠代码块

src/features/mark/CommonMarkBody.vue

@@ -87,14 +87,14 @@ const props = withDefaults(
 
 const emit = defineEmits(["error"]);
 
-// start: 图片拖动。在轨迹模式下，仅当没有选择分数时可用。
+//#region : 图片拖动。在轨迹模式下，仅当没有选择分数时可用。
 const { dragContainer } = dragImage();
-// end: 图片拖动
+//#endregion : 图片拖动
 
 const { addTimeout } = useTimers();
 let rotateBoard = $ref(0);
 
-// start: 缩略图定位
+//#region : 缩略图定位
 watch(
   () => [store.minimapScrollToX, store.minimapScrollToY],
   () => {
@@ -117,9 +117,9 @@ watch(
     }, 10);
   }
 );
-// end: 缩略图定位
+//#endregion : 缩略图定位
 
-// start: 快捷键定位
+//#region : 快捷键定位
 const scrollContainerByKey = (e: KeyboardEvent) => {
   const container = document.querySelector(
     ".mark-body-container"
@@ -140,9 +140,9 @@ onMounted(() => {
 onUnmounted(() => {
   document.removeEventListener("keypress", scrollContainerByKey);
 });
-// end: 快捷键定位
+//#endregion : 快捷键定位
 
-// start: 计算裁切图和裁切图上的分数轨迹和特殊标记轨迹
+//#region : 计算裁切图和裁切图上的分数轨迹和特殊标记轨迹
 let sliceImagesWithTrackList: SliceImage[] = reactive([]);
 let maxSliceWidth = 0; // 最大的裁切块宽度，图片容器以此为准
 let theFinalHeight = 0; // 最终宽度，用来定位轨迹在第几张图片，不包括image-seperator高度
@@ -452,9 +452,9 @@ watch(
   () => store.currentTask,
   () => renderPaperAndMark()
 );
-// end: 计算裁切图和裁切图上的分数轨迹和特殊标记轨迹
+//#endregion : 计算裁切图和裁切图上的分数轨迹和特殊标记轨迹
 
-// start: 放大缩小和之后的滚动
+//#region : 放大缩小和之后的滚动
 let answerPaperScale = $computed(() => {
   // 放大、缩小不影响页面之前的滚动条定位
   let percentWidth = 0;
@@ -480,9 +480,9 @@ let answerPaperScale = $computed(() => {
   const scale = store.setting.uiSetting["answer.paper.scale"];
   return scale * 100 + "%";
 });
-// end: 放大缩小和之后的滚动
+//#endregion : 放大缩小和之后的滚动
 
-// start: 显示评分状态和清除轨迹
+//#region : 显示评分状态和清除轨迹
 let markStatus = $ref("");
 if (props.useMarkResult) {
   watch(
@@ -529,15 +529,15 @@ if (props.useMarkResult) {
     }
   });
 }
-// end: 显示评分状态和清除轨迹
+//#endregion : 显示评分状态和清除轨迹
 
-// start: 评分
+//#region : 评分
 const innerMakeTrack = (event: MouseEvent, item: SliceImage) => {
   props.makeTrack(event, item, maxSliceWidth, theFinalHeight);
 };
-// end: 评分
+//#endregion : 评分
 
-// start: 显示大图，供查看和翻转
+//#region : 显示大图，供查看和翻转
 const showBigImage = (event: MouseEvent) => {
   event.preventDefault();
   // console.log(event);
@@ -555,7 +555,7 @@ const showBigImage = (event: MouseEvent) => {
   });
   viewer.show();
 };
-// end: 显示大图，供查看和翻转
+//#endregion : 显示大图，供查看和翻转
 
 // onRenderTriggered(({ key, target, type }) => {
 //   console.log({ key, target, type });