From b5d4df2aa6464ee3ff7c3cf1109c99a10bdb5665 Mon Sep 17 00:00:00 2001 From: Reuse5653 Date: Fri, 18 Jul 2025 21:24:04 +0800 Subject: [PATCH] feat(Upload): add styles for drag interaction --- style/mobile/components/upload/_index.less | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/style/mobile/components/upload/_index.less b/style/mobile/components/upload/_index.less index dbb62718d2..f246b2310c 100644 --- a/style/mobile/components/upload/_index.less +++ b/style/mobile/components/upload/_index.less @@ -14,12 +14,31 @@ height: @upload-height; border-radius: @upload-radius; overflow: hidden; + transition: all @anim-duration-base ease-in-out; &--add { font-size: @upload-add-icon-font-size; background: @upload-background; color: @upload-add-color; } + + &--dragging { + opacity: .9; + transform: scale(1.05); + box-shadow: @shadow-2; + } + + &--drag-over::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: inset 0 0 0 1px @brand-color; + border-radius: @upload-radius; + z-index: 1; + } } &__add-icon {