签到样式调整

pages/signIn/activity/activity.js

@@ -21,7 +21,7 @@ Page({
         lastSignInNode: { pos: 7, text: '星期天' },
         todayIsSigned: false,
         isLogin: getMobileCache() != "",
-        notUseNum: 0
+        notUseNum: 0,
     },
 
     /**

pages/signIn/activity/activity.wxml

@@ -32,7 +32,7 @@
                     <view class="_item">
                         <image class="_figure" src="{{lastSignInNode.figure}}" mode="aspectFill" />
                         <image wx:if="{{lastSignInNode.isSignIn == -1}}" class="_lose_sign_in" src="/images/signIn/losesign.png" />
-                        <image wx:if="{{lastSignInNode.isSignIn == 1}}" class="_finish_sign_in" src="/images/signIn/finishsign.png" />
+                        <image wx:if="{{lastSignInNode.isSignIn != 1}}" class="_finish_sign_in" src="/images/signIn/finishsign.png" />
                     </view>
                 </view>
             </view>
@@ -80,7 +80,7 @@
         <view class="activity-des">
             <view class="_title">活动说明</view>
             <view class="_des">
-                <text>{{activity.activityDesc}}</text>
+                <text user-select>{{activity.activityDesc}}</text>
             </view>
         </view>
     </view>
@@ -91,23 +91,28 @@
     <view class="sign-pop-body">
         <view class="_body">
            <view class="gift_wrap">
-                <view class="coupon_node">
-                    <view wx:if="{{hitResult.couponType=='D'}}" class="_node_left _zk {{hitResult._classSmallStyle}}">
-                        <view class="_num">{{hitResult.formatDiscount}}</view>
-                        <view class="_zhe">折</view>
+                <jumpmallapp>
+                    <view class="coupon_node">
+                        <view class="_node_left">
+                            <view class="_coupont_title">{{hitResult.couponTitle}}</view>
+                            <view class="_coupon_sub_title">{{hitResult.formatLeastCostStr}}</view>
+                            <view class="_coupon_times"></view>
+                        </view>
+                        <view class="flex-column">
+                            <view wx:if="{{hitResult.couponType=='D'}}" class="_node_right _zk {{hitResult._classSmallStyle}}">
+                                <view class="_num">{{hitResult.formatDiscount}}</view>
+                                <view class="_zhe">折</view>
+                            </view>
+                            <view wx:if="{{hitResult.couponType=='C'}}" class="_node_right _cash {{hitResult._classSmallStyle}}">
+                                <view class="_unit">¥</view>
+                                <view class="_num">{{hitResult.formatReduceCost}}</view>
+                            </view>
+                            <view class="_coupon_use_text">立即使用</view>
+                        </view>
+                        <image wx:if="{{hitResult.couponType=='D'}}" class="_bg" src="https://dy.shpr.top/welfareGo/discount.png" />
+                        <image wx:if="{{hitResult.couponType=='C'}}" class="_bg" src="https://dy.shpr.top/welfareGo/cash.png" />
                     </view>
-                    <view wx:if="{{hitResult.couponType=='C'}}" class="_node_left _cash {{hitResult._classSmallStyle}}">
-                        <view class="_unit">¥</view>
-                        <view class="_num">{{hitResult.formatReduceCost}}</view>
-                    </view>
-                    <view class="_node_right">
-                        <view class="_coupont_title">{{hitResult.couponTitle}}</view>
-                        <view class="_coupon_sub_title">{{hitResult.formatLeastCostStr}}</view>
-                        <view class="_coupon_times"></view>
-                    </view>
-                    <image wx:if="{{hitResult.couponType=='D'}}" class="_bg" src="/images/signIn/coupon1.png" />
-                    <image wx:if="{{hitResult.couponType=='C'}}" class="_bg" src="/images/signIn/cash_coupon.png" />
-                </view>
+                </jumpmallapp>
            </view>
            <view class="award_des" style="color:{{secColor}};">恭喜您签到成功 获得9折扣折扣券</view>
 

pages/signIn/activity/activity.wxss

@@ -135,20 +135,21 @@ page {
 }
 .sign-item-box ._left ._item ._lose_sign_in {
     width: 110rpx;
-    height: 82rpx;
+    height: 66rpx;
     position: absolute;
     left: 2rpx;
     display: block;
-    top: 36rpx;
+    top: 48rpx;
     z-index: 3;
 }
 .sign-item-box ._left ._item ._finish_sign_in {
-    width: 36rpx;
-    height: 22rpx;
+    width: 110rpx;
+    height: 66rpx;
     position: absolute;
+    left: 2rpx;
+    display: block;
+    top: 48rpx;
     z-index: 3;
-    left: 38rpx;
-    top: 66rpx;
 }
 
 .sign-item-box ._left ._item ._no {
@@ -188,22 +189,23 @@ page {
 }
 
 .sign-item-box ._right ._item ._lose_sign_in {
-    width: 186rpx;
-    height: 140rpx;
+    width: 190rpx;
+    height: 110rpx;
     display: block;
     position: absolute;
     left: 8rpx;
-    top: 122rpx;
+    top: 136rpx;
     z-index: 3;
 }
 
 .sign-item-box ._right ._item ._finish_sign_in {
-    width: 82rpx;
-    height: 50rpx;
+    width: 190rpx;
+    height: 110rpx;
+    display: block;
     position: absolute;
+    left: 8rpx;
+    top: 136rpx;
     z-index: 3;
-    left: 60rpx;
-    top: 145rpx;
 }
 
 .sign-item-box ._right ._item ._no {
@@ -313,7 +315,7 @@ page {
     margin: auto;
     margin-top: 40rpx;
     font-size: 28rpx;
-    color: #979797;
+    color: #101010;
     padding-bottom: 100rpx;
 }
 
@@ -353,26 +355,27 @@ page {
     height: 484rpx;
     position: absolute;
     left: 26rpx;
-    top: 412rpx;
+    top: 372rpx;
     z-index: 2;
 }
 .gift_wrap {
     width: 100%;
     height: 232rpx;
     box-sizing: border-box;
+    padding-top: 28rpx;
 }
 
 .coupon_node {
-    width: 522rpx;
-    height: 176rpx;
+    width: 508rpx;
+    height: 148rpx;
     margin: auto;
     display: flex;
     flex-direction: row;
     position: relative;
 }
 .coupon_node ._bg {
-    width: 522rpx;
-    height: 176rpx;
+    width: 508rpx;
+    height: 148rpx;
     position: absolute;
     left: 0;
     top: 0;
@@ -380,7 +383,41 @@ page {
 }
 
 .coupon_node ._node_left {
-    width: 160rpx;
+    position: relative;
+    z-index: 1;
+    white-space: nowrap;
+    box-sizing: border-box;
+    padding: 20rpx 20rpx 20rpx 40rpx;
+    flex: 1;
+    width: 404rpx;
+    overflow: hidden;
+}
+._node_left ._coupont_title {
+    font-size: 32rpx;
+    font-weight: 600;
+}
+._node_left ._coupon_sub_title {
+    font-size: 28rpx;
+    padding: 14rpx 0;
+}
+._node_left ._coupon_sub_title:before, ._node_left ._coupon_sub_title:after {
+    width: 5px;
+    height: 5px;
+    background: #444;
+    transform:rotate(45deg);
+    margin: 0 10rpx;
+    display: inline-block;
+    content: "";
+    vertical-align: middle;
+}
+
+._node_left ._coupon_times {
+    font-size: 24rpx;
+}
+
+.coupon_node ._node_right {
+    width: 144rpx;
+    height: 100rpx;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
@@ -388,76 +425,52 @@ page {
     position: relative;
     justify-content: center;
     align-items: baseline;
-    color: #443E5B;
+    color: #fff;
+    box-sizing: border-box;
+    padding-top: 10rpx;
 }
 
-._node_left._zk ._num {
-    padding-top: 48rpx;
-    height: 176rpx;
-    font-size: 100rpx;
+._node_right._zk ._num {
+    font-size: 76rpx;
     font-weight: 600;
     box-sizing:border-box;
 }
 
-._node_left._zk._small ._num {
-    font-size: 56rpx;
-    padding-top: 72rpx;
+._node_right._zk._small ._num {
+    font-size: 50rpx;
+    padding-top: 18rpx;
 }
 
-._node_left._zk ._zhe {
-    font-size: 32rpx;
+._node_right._zk ._zhe {
+    font-size: 28rpx;
 }
 
 
-._node_left._cash ._num {
-    padding-top: 48rpx;
-    height: 176rpx;
-    font-size: 100rpx;
+._node_right._cash ._num {
+    font-size: 76rpx;
     font-weight: 600;
     box-sizing:border-box;
 }
 
-._node_left._cash._small ._num {
-    font-size: 56rpx;
-    padding-top: 72rpx;
-}
-
-._node_left._cash ._unit {
-    font-size: 32rpx;
-    position: relative;
-    top: -2rpx;
-    padding-right: 2rpx;
-}
-
-.coupon_node ._node_right {
+._coupon_use_text {
+    color: #fff;
     position: relative;
     z-index: 1;
+    width: 100%;
     text-align: center;
-    white-space: nowrap;
-    box-sizing: border-box;
-    padding: 20rpx;
-}
-._node_right ._coupont_title {
-    font-size: 32rpx;
-    font-weight: 600;
-}
-._node_right ._coupon_sub_title {
-    font-size: 28rpx;
-    padding: 14rpx 0;
+    font-size: 24rpx;
 }
-._node_right ._coupon_sub_title:before, ._node_right ._coupon_sub_title:after {
-    width: 5px;
-    height: 5px;
-    background: #443E5B;
-    transform:rotate(45deg);
-    margin: 0 10rpx;
-    display: inline-block;
-    content: "";
-    vertical-align: middle;
+
+._node_right._cash._small ._num {
+    font-size: 50rpx;
+    padding-top: 18rpx;
 }
 
-._node_right ._coupon_times {
-    font-size: 24rpx;
+._node_right._cash ._unit {
+    font-size: 28rpx;
+    position: relative;
+    top: -2rpx;
+    padding-right: 2rpx;
 }
 
 .sign-pop-body .award_des {