Quellcode durchsuchen

福利购样式调整

kk.shi vor 3 Jahren
Ursprung
Commit
81ef8788e6

+ 7 - 7
components/couponWrap/index.wxss

@@ -38,14 +38,14 @@
 
 .coupon-condition {
     font-size: 20rpx;
-    color: #F06255;
+    color: #b0d342;
     display: inline-block;
     vertical-align: middle;
 }
 
 .coupon-prices {
     font-size: 70rpx;
-    color: #F06255;
+    color: #b0d342;
     font-weight: 600;
     height: 88rpx;
     vertical-align: baseline;
@@ -63,7 +63,7 @@
 .coupon-condition:before, .coupon-condition:after {
     width: 6px;
     height: 6px;
-    background: #F06255;
+    background: #b0d342;
     transform:rotate(45deg);
     margin: 0 6rpx;
     display: inline-block;
@@ -95,7 +95,7 @@
     display: inline-block;
     right: 32rpx;
     top: 38rpx;
-    background: #F06255;
+    background: #b0d342;
     border-radius: 20rpx;
     color: #fff;
     font-size: 26rpx;
@@ -106,7 +106,7 @@
     display: inline-block;
     right: 32rpx;
     top: 38rpx;
-    background: #F06255;
+    background: #b0d342;
     border-radius: 32rpx;
     color: #fff;
     font-size: 26rpx;
@@ -117,7 +117,7 @@
 }
 
 .coupon-split {
-    border-top: 2rpx dashed  #F06255;
+    border-top: 2rpx dashed  #b0d342;
     position: relative;
 }
 .coupon-circule {
@@ -168,7 +168,7 @@
 
 .look_more_txt {
     padding-left: 20rpx;
-    color: #F06255;
+    color: #b0d342;
     font-size: 22rpx;
 }
 

+ 2 - 2
pages/luckDraw/profile.wxss

@@ -116,14 +116,14 @@ page{
 .coupon-refund{
   width: 139rpx;
   height: 40rpx;
-  border: 1px solid #B01717;
+  border: 1px solid #b0d342;
   border-radius: 50rpx;
 }
 
 .lower-coupon-text{
   font-size: 22rpx;
   font-weight: 500;
-  color: #B01717;
+  color: #b0d342;
 }
 
 .no_result {

+ 1 - 1
pages/welfareMall/activityInfo/activityInfo.wxss

@@ -214,7 +214,7 @@ margin-top:30px;
    border-top-left-radius: 40rpx;
    border-top-right-radius: 40rpx;
    align-items: flex-end;
-   border-top:solid 1px #F08D8C;
+   /* border-top:solid 1px #F08D8C; */
    position: relative;
    z-index: 2
 }

+ 5 - 0
pages/welfareMall/personal/personal.js

@@ -238,6 +238,11 @@ Page({
       }
     })
   },
+  handlePageSizes(e) {
+    this.setData({
+      bodyImageHeight: e.detail.bodyImageHeight
+    })
+  },
 
   /**
    * 生命周期函数--监听页面隐藏

+ 12 - 4
pages/welfareMall/personal/personal.wxml

@@ -1,10 +1,11 @@
 <!--pages/welfareMall/personal/personal.wxml-->
 <page-wrap id="Page" class="{{grayTheme?'page':''}}">
-  <custom-page head-bg-color="#FFE7E8">
+  <custom-page head-bg-image="/images/welfareMall/my.png" bind:sizes="handlePageSizes">
+    <view slot="body" class="sign-scroll-body">
     <view slot="body" class="personal flex-column">
       <!-- 首部个人信息 -->
 
-      <view class="head flex-column">
+      <view class="head flex-column" style="height: {{bodyImageHeight}}px;">
         <view class="head-personal flex-row" wx:if="{{hasUserInfo}}">
       
           <!-- 获取用户头像 -->
@@ -37,7 +38,14 @@
         </view>
         <view>
         
-          <view class="head-card flex-row" catchtap="{{couponPath?'getCouponPath':''}}">
+        <!-- <view class="head-card flex-row" catchtap="{{couponPath?'getCouponPath':''}}">
+            <view class="head-card-coupon">我的优惠券</view>
+            <view class="head-card-nt flex-row">
+              <view class="head-card-num">{{countNum}}</view>
+              <view class="head-card-text">张</view>
+            </view>
+          </view> -->
+          <view class="head-card-no flex-row" catchtap="{{couponPath?'getCouponPath':''}}">
             <view class="head-card-coupon">我的优惠券</view>
             <view class="head-card-nt flex-row">
               <view class="head-card-num">{{countNum}}</view>
@@ -67,7 +75,7 @@
       </view>
     </view>
 
-
+  </view>
   </custom-page>
 
   <view>

+ 17 - 12
pages/welfareMall/personal/personal.wxss

@@ -32,17 +32,16 @@ page{
 .head{
   width: 750rpx;
   height: 352rpx;
-  background: #FFE7E8;
-  box-shadow: 0px -4px 9px 1px rgba(148, 56, 48, 0.18);
+  /* background: #FFE7E8;
+  box-shadow: 0px -4px 9px 1px rgba(148, 56, 48, 0.18); */
   justify-content: space-between;
 }
 
 .head-personal{
-  width: 666rpx;
+  width: 700rpx;
   height: 136rpx;
   justify-content: flex-start;
-  margin-left: 35rpx;
-  margin-top: 70rpx;
+  margin-top: 20rpx;
 }
 
 .hat{
@@ -80,7 +79,7 @@ page{
   margin-left: 50rpx;
   align-items: flex-start;
   width: 300rpx;
-  height: 136rpx;
+  height: 100rpx;
   justify-content: space-around;
 }
 
@@ -103,15 +102,21 @@ page{
 .head-card{
   width: 676rpx;
   height: 112rpx;
-  background: #E14B3F;
+  background: #B0D342;
   border-radius: 20rpx 20rpx 0 0;
   justify-content: space-between;
 }
 
+.head-card-no{
+  width: 676rpx;
+  height: 112rpx;
+  justify-content: space-between;
+}
+
 .head-card-coupon{
   font-size: 30rpx;
   font-weight: bold;
-  color: #F6C6A3;
+  color: #ffffff;
   margin-left: 60rpx;
 }
 
@@ -122,7 +127,7 @@ page{
 .head-card-num{
   font-size: 72rpx;
   font-weight: bold;
-  color: #F6C6A3;
+  color: #ffffff;
 }
 
 .head-card-text{
@@ -130,7 +135,7 @@ page{
   height: 40rpx;
   font-size: 30rpx;
   font-weight: bold;
-  color: #F6C6A3;
+  color: #ffffff;
   margin-top: 32rpx;
 }
 
@@ -275,8 +280,8 @@ page{
   margin-left: 12rpx;
   font-size: 22rpx;
   text-align: center;
-  color: #E14B3F;
-  border: #E14B3F 2rpx solid;
+  color: #B0D342;
+  border: #B0D342 2rpx solid;
   border-radius: 4rpx;
 }