update

2025-03-27 16:35:46 +08:00
parent 15b26ab2d9
commit 505af229fc
3 changed files with 112 additions and 69 deletions
--- a/src/components/XDropdownList.vue
+++ b/src/components/XDropdownList.vue
@@ -20,7 +20,7 @@ const show = ref(false);
        </view>

        <transition name="fade">
-            <view v-if="show" class="absolute top-[calc(100%+10rpx)] min-w-full bg-[#fff] rounded-[8rpx]">
+            <view v-if="show" class="absolute top-[calc(100%+10rpx)] min-w-full bg-[#fff] rounded-[8rpx] x-dropdown-card">
                <slot name="menu"></slot>
            </view>
        </transition>
@@ -35,6 +35,10 @@ const show = ref(false);
 </template>

 <style lang="scss" scoped>
+.x-dropdown-card {
+    box-shadow: 0px 2px 20px 5px rgba(0, 0, 0, 0.2);
+}
+
 .fade-enter-active,
 .fade-leave-active {
    transition: opacity 300ms;