diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue index 89c0d6b44..19a7e391d 100644 --- a/resources/assets/js/pages/manage/components/ProjectList.vue +++ b/resources/assets/js/pages/manage/components/ProjectList.vue @@ -19,7 +19,7 @@ tag="ul" item-key="id" draggable="li:not(.pinned)" - handle=".project-item" + handle=".item-sort" @scroll.native="onScroll" @touchstart.native="onTouchStart" v-longpress="handleLongpress" @@ -56,7 +56,7 @@ {{item.task_percent}}% -
+
@@ -88,7 +88,7 @@ {{ $L('项目讨论') }} - + {{ $L(isDragging ? '退出排序' : '调整排序') }} @@ -172,6 +172,13 @@ export default { this.projectKeyLoading--; }, 600); }, + projectDragging(val) { + if (val) { + this.$el.parentElement.style.overflow = 'hidden' + } else { + this.$el.parentElement.style.overflow = null + } + }, }, methods: { @@ -244,7 +251,14 @@ export default { }); }, + handleDragTip() { + $A.modalAlert("请按住图标进行拖动排序") + }, + handleLongpress(event) { + if (event.target.classList.contains('item-sort')) { + return; // 不处理排序手柄的长按事件 + } const {type, data, element} = this.longpressData; this.$store.commit("longpress/clear") // diff --git a/resources/assets/sass/pages/components/project-list.scss b/resources/assets/sass/pages/components/project-list.scss index f8f02c2fa..cb6ffcad2 100644 --- a/resources/assets/sass/pages/components/project-list.scss +++ b/resources/assets/sass/pages/components/project-list.scss @@ -190,13 +190,16 @@ } .item-sort { flex-shrink: 0; - padding-left: 16px; display: flex; align-items: center; - justify-content: flex-end; + justify-content: center; + width: 52px; + height: 44px; + margin-right: -12px; > svg { width: 20px; height: 20px; + pointer-events: none; } } }