Feat：多品送礼，建立送礼清单（盲盒）/ 创建盲盒订单

pkg_user/views/gift/gift.vue

@@ -89,10 +89,18 @@
         赠言：{{  message || '礼笺轻启，礼藏心意'}}
       </view>
     </view>
+    <view class="act-box" v-if="!isPayOk">
       <view class="swich-btn" v-if="!isPayOk">
         <view class="v12-font-28 v12-dark-text">是否支持好友转赠</view>
         <view>
-        <u-switch v-model="canTransfer" ></u-switch>
+          <u-switch v-model="canTransfer" activeColor="#c52733"></u-switch>
+        </view>
+      </view>
+      <view class="swich-btn" v-if="!isPayOk">
+        <view class="v12-font-28 v12-dark-text">打开盲盒模式，朋友签收前商品信息保密</view>
+        <view>
+          <u-switch v-model="isBlind" activeColor="#c52733"></u-switch>
+        </view>
       </view>
     </view>
     <view class="price-wrap">
@@ -137,10 +145,10 @@
         <u-icon :name="webUrl + '/icon/share.png'" ></u-icon>
       </view>
     </button>
-    <view class="btn-wrap v12-mt-16 v12-justify-center" v-if="!isPayOk">
+    <view class="btn-wrap v12-mt-12 v12-justify-center" v-if="!isPayOk">
       <view class="gift-submit" @click="showPayPicker = true">付款并赠送</view>
     </view>
-    <view class="btn-wrap v12-mt-16 v12-justify-center" v-if="isPayOk">
+    <view class="btn-wrap v12-mt-14 v12-justify-center" v-if="isPayOk">
       <view class="gift-submit" @click="makeAgain">再送一份</view>
     </view>
     <view class="tip-wrap v12-justify-center">
@@ -191,6 +199,7 @@ export default {
   data() {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
+      isBlind: false,
       canTransfer: false,
       message: '',
       cartId: '',
@@ -369,6 +378,7 @@ export default {
         message : this.message || '礼笺轻启，礼藏心意',
         cover: this.selectedCover,
         canTransfer: this.canTransfer ? 1 : 0,
+        isBlind: this.isBlind ? 1 : 0,
         payType: this.payType,
         seckillId: this.orderGroupInfo.seckill_id,
         combinationId: this.orderGroupInfo.combination_id,
@@ -579,7 +589,7 @@ export default {
   background: #fff;
   border-radius: 30rpx;
   padding: 5rpx 20rpx;
-  margin-top: 30rpx;
+  margin-top: 20rpx;
 }
 .share-btn{
   display: flex;
@@ -603,4 +613,10 @@ export default {
   padding: 20rpx;
   box-sizing: border-box;
 }
+.act-box{
+  width: 710rpx;
+  height: 146rpx;
+  background: #fff;
+  border-radius: 30rpx;
+}
 </style>