Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
6bb8ba5e 1 parent 3d7477e3

refactor(StudyDetailPage): 统一移动端和桌面端的文件操作按钮逻辑

Inline Side-by-side
Showing 1 changed file with 5 additions and 9 deletions
...@@ -553,8 +553,7 @@ ...@@ -553,8 +553,7 @@
553 <!-- 操作按钮 --> 553 <!-- 操作按钮 -->
554 <div class="flex gap-2" style="margin: 1rem;"> 554 <div class="flex gap-2" style="margin: 1rem;">
555 <!-- 桌面端：显示在线查看、新窗口打开和下载文件按钮 --> 555 <!-- 桌面端：显示在线查看、新窗口打开和下载文件按钮 -->
556 - <template v-if="isDesktop"> 556 + <!-- <template v-if="isDesktop">
557 - <!-- 新窗口打开按钮 - 只对图片、音频、视频和PDF文件显示 -->
558 <button 557 <button
559 v-if="canOpenInNewWindow(file.title)" 558 v-if="canOpenInNewWindow(file.title)"
560 @click="openFileInNewWindow(file)" 559 @click="openFileInNewWindow(file)"
...@@ -563,18 +562,16 @@ ...@@ -563,18 +562,16 @@
563 <van-icon name="eye-o" size="16" /> 562 <van-icon name="eye-o" size="16" />
564 在线查看 563 在线查看
565 </button> 564 </button>
566 - <!-- 所有文件都显示下载按钮 --> 565 + <button
567 - <!-- <button
568 @click="downloadFile(file)" 566 @click="downloadFile(file)"
569 class="btn-secondary flex-1 py-2.5 text-sm font-medium flex items-center justify-center gap-2" 567 class="btn-secondary flex-1 py-2.5 text-sm font-medium flex items-center justify-center gap-2"
570 > 568 >
571 <van-icon name="down" size="16" /> 569 <van-icon name="down" size="16" />
572 下载文件 570 下载文件
573 - </button> --> 571 + </button>
574 - </template> 572 + </template> -->
575 573
576 - <!-- 移动端：根据文件类型显示不同的预览按钮 --> 574 + <!-- 统一使用移动端操作逻辑：根据文件类型显示不同的预览按钮 -->
577 - <template v-else>
578 <!-- Office 文档显示预览按钮 --> 575 <!-- Office 文档显示预览按钮 -->
579 <button 576 <button
580 v-if="isOfficeFile(file.url)" 577 v-if="isOfficeFile(file.url)"
...@@ -628,7 +625,6 @@ ...@@ -628,7 +625,6 @@
628 <van-icon name="down" size="16" /> 625 <van-icon name="down" size="16" />
629 下载文件 626 下载文件
630 </button> --> 627 </button> -->
631 - </template>
632 </div> 628 </div>
633 </FrostedGlass> 629 </FrostedGlass>
634 </div> 630 </div>
......