pages/integral/integral.wxml

@@ -24,10 +24,12 @@
           </view>
         </view>
         <view class="query-integral" wx:if="{{phone !== '********'}}">
+          <image class="query-integral-img" src="../../images/welfareMall/move-logo.png"></image>
           <view class="query-integral-text"><text>我的移动积分</text></view>
           <view class="query-integral-num" wx:if="{{isQuery}}">{{integralNum}}</view>
           <view class="query-integral-num" wx:if="{{!isQuery}}">未查询</view>
-          <text style="padding-left: 16rpx;font-size: 32rpx;" class="query-iconfont query-iconshuaxin" catchtap="shuaxinClick">刷新</text>
+          <!-- <text style="padding-left: 16rpx;font-size: 32rpx;" class="query-iconfont query-iconshuaxin" catchtap="shuaxinClick">刷新</text> -->
+          <image style="padding-left: 16rpx;font-size: 32rpx;" class="query-iconfont query-iconshuaxin refresh-img" catchtap="shuaxinClick" src="../../images/welfareMall/refresh.png"></image>
         </view>
       </view>
     </view>

pages/integral/integral.wxss

@@ -357,7 +357,7 @@ page {
   display: block;
   position: relative;
   border-radius: 16 rpx;
-  background: linear-gradient(270deg, #644c40, #826756);
+  background-image: linear-gradient(135deg, #FFECCD 0%, #EFC781 100%);
   height: 198rpx;
 }
 
@@ -385,7 +385,7 @@ page {
 }
 
 .query-phone-hide {
-  color: rgb(255, 255, 255);
+  color: #272C52;
   font-size: 32rpx;
   font-weight: bold;
 }
@@ -429,16 +429,28 @@ page {
 .query-integral {
   padding-left: 22rpx;
   display: flex;
-  color: white;
+  color: #272C52;
   font-weight: bold;
   height: 60rpx;
   line-height: 60rpx;
+  align-items: center;
 }
 
 .query-integral-num {
   font-size: 56rpx;
 }
 
+.refresh-img{
+  width: 50rpx;
+  height: 50rpx;
+}
+
+.query-integral-img{
+  width: 56rpx;
+  height: 56rpx;
+  margin-right: 10rpx;
+}
+
 .query-integral-text {
   padding-right: 12rpx;
   line-height: 60rpx;