登录页面样式修改

pages/welfareMall/personal/personal.wxml

@@ -8,7 +8,7 @@
     </view>
     <view class="head-card flex-row">
       <view class="head-card-coupon">我的优惠券</view>
-      <view class="head-card-nt flex-row"> 
+      <view class="head-card-nt flex-row">
         <view class="head-card-num">0</view>
         <view class="head-card-text">张</view>
       </view>
@@ -19,18 +19,59 @@
     <!-- 内容 -->
     <view class="content flex-column">
       <!-- 签到领券 -->
-      <view class="sign-in content-style">签到领券</view>
+      <view class="sign-in content-style flex-row">
+        <view class="content-img-text flex-row">
+          <image class="content-img" src="/images/welfareMall/sign-in.png" />
+          <view class="content-text">签到领券</view>
+        </view>
+        <image class="content-jump" src="/images/welfareMall/jump.png" />
+      </view>
       <view class="content-lower"></view>
       <!-- 抽奖领券 -->
-      <view class="luck-draw content-style">抽奖领券</view>
+      <view class="luck-draw content-style flex-row">
+        <view class="content-img-text flex-row">
+          <image class="content-img" src="/images/welfareMall/luck-draw.png" />
+          <view class="content-text">抽奖领券</view>
+        </view>
+        <image class="content-jump" src="/images/welfareMall/jump.png" />
+      </view>
+      <view class="content-lower"></view>
       <!-- 我的券包 -->
-      <view class="coupon-bag content-style">我的券包</view>
+      <view class="coupon-bag content-style flex-row">
+        <view class="content-img-text flex-row">
+          <image class="content-img" src="/images/welfareMall/coupon-bag.png" />
+          <view class="content-text">我的券包</view>
+        </view>
+        <image class="content-jump" src="/images/welfareMall/jump.png" />
+      </view>
+      <view class="content-lower"></view>
       <!-- 邀请好友 -->
-      <view class="invite-friends content-style">邀请好友</view>
+      <view class="invite-friends content-style flex-row">
+        <view class="content-img-text flex-row">
+          <image class="content-img" src="/images/welfareMall/invite-friends.png" />
+          <view class="content-text">邀请好友</view>
+        </view>
+        <image class="content-jump" src="/images/welfareMall/jump.png" />
+      </view>
+      <view class="content-lower"></view>
       <!-- 历史订单 -->
-      <view class="historical-order content-style">历史订单</view>
+      <view class="historical-order content-style flex-row">
+        <view class="content-img-text flex-row">
+          <image class="content-img" src="/images/welfareMall/historical-order.png" />
+          <view class="content-text">历史订单</view>
+        </view>
+        <image class="content-jump" src="/images/welfareMall/jump.png" />
+      </view>
+      <view class="content-lower"></view>
       <!-- 意见反馈 -->
-      <view class="feedback content-text">意见反馈</view>
+      <view class="feedback content-style flex-row">
+        <view class="content-img-text flex-row">
+          <image class="content-img" src="/images/welfareMall/feedback.png" />
+          <view class="content-text">意见反馈</view>
+        </view>
+        <image class="content-jump" src="/images/welfareMall/jump.png" />
+      </view>
+      <view class="content-lower"></view>
       <view></view>
     </view>
   </view>

pages/welfareMall/personal/personal.wxss

@@ -91,5 +91,31 @@
 .content-style{
   width: 670rpx;
   height: 150rpx;
+  justify-content: space-between;
+}
+
+.content-lower{
+  width: 334px;
+  height: 1px;
+  background: #EFEFEF;
+}
+
+.content-img{
+  width: 48rpx;
+  height: 48rpx;
+}
+
+.content-jump{
+  width: 42rpx;
+  height: 42rpx;
+}
+
+.content-text{
+  width: 150rpx;
+  height: 36rpx;
+  font-size: 28rpx;
+  font-weight: 500;
+  color: #444444;
+  margin-left: 10rpx;
 }