Fix：3346 【礼品】礼包领取状态，“查看订单详情”与“去商城看看”样式调整

pkg_user/views/gift/components/GiftCard.vue

@@ -24,17 +24,17 @@
         <u-icon :name="webUrl + '/icon/share.png'" ></u-icon>
       </button>
     </view>
-    <view v-if="myGift.isCurrentUser === 1" @click="toOrder" style="z-index: 10">
+    <view v-if="myGift.isCurrentUser === 1" @click="toOrder" style="z-index: 10; display: flex;flex-direction: column;align-items: center;">
       <view class="address-btn v12-white-text v12-primary">
         您已领取礼包
       </view>
-      <view class="v12-text-center v12-font-26 v12-primary-text v12-mt-3">查看礼包详情>></view>
+      <view class="info-btn v12-text-center  v12-font-32  v12-mt-3">查看礼包详情>></view>
     </view>
-    <view v-if="isReceive && myGift.isCurrentUser !== 1" @click="toHome" style="z-index: 10">
+    <view v-if="isReceive && myGift.isCurrentUser !== 1" @click="toHome" style="z-index: 10; display: flex;flex-direction: column;align-items: center;">
       <view class="address-btn v12-white-text v12-primary">
         礼包已被领取
       </view>
-      <view class="v12-text-center v12-font-26 v12-primary-text v12-mt-3" style="z-index: 10">去商城看看>></view>
+      <view class="info-btn v12-text-center  v12-font-32  v12-mt-3" style="z-index: 10">去商城看看>></view>
     </view>
     <view class="tips">
       <view class="tip-text v12-mr-1"  @click="showTips">
@@ -176,6 +176,16 @@ export default {
 </script>
 
 <style scoped>
+.info-btn{
+  border: 1px solid #C52733;
+  color: #C52733;
+  border-radius: 100rpx;
+  padding: 5rpx 40rpx;
+  line-height: 60rpx;
+  height: 60rpx;
+  font-weight: 600;
+  font-size: 32rpx;
+}
 .dialog-conent{
   height: 100vh;
   display: flex;
@@ -263,12 +273,12 @@ export default {
 }
 .address-btn{
   width: fit-content;
-  padding: 10rpx 40rpx;
+  padding: 5rpx 40rpx;
   border-radius: 100rpx;
   font-size: 32rpx;
   font-weight: bold;
-  height: 80rpx;
-  line-height: 80rpx;
+  height: 60rpx;
+  line-height: 60rpx;
   /* margin-top: 40rpx; */
   z-index: 999;
 }