Fix：3306 【礼品功能】礼品封面两边还要再低于中间，左右两边往下移，底部文字平行，顶部低于中间

pkg_user/views/gift/components/CoverPicker.vue

@@ -13,18 +13,18 @@
         :circular="true"
         :indicator-dots="false"
         @change="onChange"
-        previous-margin="180rpx"
+        previous-margin="160rpx"
         next-margin="180rpx"
         class="cover-swiper"
       >
         <swiper-item v-for="(item, index) in list" :key="index">
-          <view class="cover-item">
-            <view class="img-wrap"  :class="currentIndex === index ? 'v12-mt-8' : 'v12-mt-4'">
-              <view class="pro-img-wrap " v-show="currentIndex === index ">
+          <view class="cover-item" >
+            <view class="img-wrap"  :class="currentIndex === index ? 'v12-mt-10' : 'v12-mt-18'">
+              <view class="pro-img-wrap ">
                 <image :src="product.image" class="pro-cover-image" mode="widthFix|heightFix" />
               </view>
               <image :src="item.cover" class="cover-image" mode="widthFix|heightFix" />
-              <view class="message-text">{{ message || '礼笺轻启，礼藏心意' }}</view>
+              <view class="message-text" :style="{top: currentIndex !== index ? '260rpx' : '220rpx'}">{{ message || '礼笺轻启，礼藏心意' }}</view>
             </view>
             <view class="cover-name">{{ item.name }} </view>
           </view>
@@ -104,6 +104,8 @@ export default {
   margin: auto;
   border: 10rpx solid #FDF0D3;
   top: -40px;
+  border-radius: 16rpx;
+  overflow: hidden;
 }
 .img-wrap{
   position: relative;
@@ -116,7 +118,7 @@ export default {
   margin-top: 20rpx;
 }
 .cover-swiper{
-  height: 540rpx;
+  height: 620rpx;
 }
 .cover-picker {
   .cover-title {