Fix：4791 【商城小程序】特色礼品页面—展开城市列表时，下方商品图片遮挡选择区域

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;
+      display: flex;
-      top: 0;
-      left: 0;
-      right: 0;
-      z-index: 2;
       flex-wrap: wrap;
-      height: 0;
+      padding: 0;
-      padding: 24rpx 80rpx 16rpx 24rpx;
       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;