我的优惠卡

pages/welfareMall/personal/personal.wxml

@@ -6,17 +6,19 @@
       <image class="head-personal-logo" src="/images/welfareMall/head-portrait.png" />
       <view class="head-personal-login">登录/注册</view>
     </view>
-    <view class="head-card">
-      <view class="head-card-coupon"></view>
-      <view class="head-card-num"></view>
-      <view class="head-card-text"></view>
+    <view class="head-card flex-row">
+      <view class="head-card-coupon">我的优惠券</view>
+      <view class="head-card-nt flex-row"> 
+        <view class="head-card-num">0</view>
+        <view class="head-card-text">张</view>
+      </view>
     </view>
   </view>
   <!-- 中部详细信息 -->
   <view class="center">
     <!-- 内容 -->
     <view class="content">
-     <!-- 签到领券 -->
+      <!-- 签到领券 -->
       <view class="sign-in"></view>
       <!-- 抽奖领券 -->
       <view class="luck-draw"></view>

pages/welfareMall/personal/personal.wxss

@@ -41,17 +41,25 @@
   height: 136rpx;
 }
 
+.head-personal-login{
+  margin-left: 33rpx;
+  font-size: 38rpx;
+  font-weight: 500;
+  color: #303030;
+}
+
 .head-card{
   width: 666rpx;
   height: 286rpx;
   background-image: url(https://dy.shpr.top/shareActivity/card.png);
   background-size: 100% 100%;
   margin-bottom: 51rpx;
+  justify-content: space-between;
 }
 
-.head-personal-login{
-  margin-left: 33rpx;
-  font-size: 38rpx;
-  font-weight: 500;
-  color: #303030;
+.head-card-coupon{
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #FFFFFF;
+  margin-left: 58rpx;
 }