diff --git a/pkg_product/views/giftList.vue b/pkg_product/views/giftList.vue index 798db4f..279c9b3 100644 --- a/pkg_product/views/giftList.vue +++ b/pkg_product/views/giftList.vue @@ -172,7 +172,7 @@ export default { padding: 30rpx 30rpx 0 30rpx; .scroll-x-wrap { position: relative; - height: 140rpx; + min-height: 140rpx; padding: 24rpx 80rpx 16rpx 24rpx; border-radius: 24rpx; background-color: #fff; @@ -181,8 +181,13 @@ export default { display: flex; flex-wrap: nowrap; overflow-x: auto; + max-height: 200rpx; + opacity: 1; &.hide { - display: none; + max-height: 0; + opacity: 0; + margin: 0; + overflow: hidden; } .item + .item { margin: 0 0 0 24rpx; @@ -202,22 +207,18 @@ export default { } } .list-show-all { - position: absolute; - top: 0; - left: 0; - right: 0; - z-index: 2; + display: flex; flex-wrap: wrap; - height: 0; - padding: 24rpx 80rpx 16rpx 24rpx; + padding: 0; border-radius: 24rpx; box-sizing: border-box; background-color: #fff; + max-height: 0; opacity: 0; + overflow: hidden; &.show { - height: auto; + max-height: 2000rpx; opacity: 1; - box-shadow: 0px 1px 4px rgba(0,0,0,0.16); } .item { margin: 0 24rpx 24rpx 0 !important;