ui更改

pages/bill/index.vue

@@ -1,5 +1,14 @@
 <template>
   <view class="bill-ward">
+    <view class="bill-head" v-if="userInfo">
+      <image
+        :src="
+          userInfo.avatar
+            ? $method.splitImgHost(userInfo.avatar, true)
+            : defaultHead
+        "
+      ></image>
+    </view>
     <view
       v-for="(item, index) in posterConfig"
       :key="index"
@@ -43,6 +52,7 @@
 import { getSharePoster, bindLink } from "@/utils/bill";
 import { authorize, backOpenId } from "@/common/authorize";
 import { openidLogin } from "@/utils/login";
+import { mapGetters } from "vuex";
 import tkiQrcode from "tki-qrcode";
 import wechat from "@/common/wechat";
 export default {
@@ -52,6 +62,7 @@ export default {
       posterConfig: [],
       billDetail: {},
       bg: {},
+      defaultHead: require("../../static/image/defhead.png"),
     };
   },
   onLoad(options) {
@@ -164,6 +175,9 @@ export default {
       return url;
     },
   },
+  computed: {
+    ...mapGetters(["userInfo"]),
+  },
 };
 </script>
 
@@ -175,5 +189,16 @@ export default {
     background: #ffffff;
     box-sizing: border-box;
   }
+  .bill-head {
+    position: absolute;
+    left: 20rpx;
+    top: 20rpx;
+    z-index: 100;
+    image {
+      width: 80rpx;
+      height: 80rpx;
+      border-radius: 50%;
+    }
+  }
 }
 </style>

pages/index/index.vue

@@ -22,8 +22,16 @@
         </view>
         <text>总佣金</text>
         <view class="profit-embody fl_b">
-          <view>可提现：{{ userInfo.cash | toFixed }}元</view>
-          <view>已提现：{{ userInfo.usedCash | toFixed }}元</view>
+          <view
+            ><view class="profit-embody-money"
+              >{{ userInfo.cash | toFixed }}元</view
+            >可提现</view
+          >
+          <view
+            ><view class="profit-embody-money"
+              >{{ userInfo.usedCash | toFixed }}元</view
+            >已提现</view
+          >
         </view>
       </view>
       <view class="about">
@@ -158,7 +166,8 @@ page {
     background: url("../../static/image/profitbg.png") no-repeat;
     background-size: 100% 100%;
     padding: 40rpx 40rpx 50rpx;
-    color: #2465c1;
+    // color: #2465c1;
+    color: #1570f1;
     .profit-commis {
       font-size: 32rpx;
       .profit-commis-money {
@@ -167,16 +176,32 @@ page {
       .profit-commis-btn {
         width: 152rpx;
         height: 70rpx;
-        background: #ffffff;
+        background: #3282f5;
+        color: #ffffff;
         border-radius: 120rpx;
         text-align: center;
         line-height: 70rpx;
       }
     }
     .profit-embody {
-      margin-top: 56rpx;
+      margin-top: 46rpx;
       color: #5f83b8;
-      font-size: 28rpx;
+      font-size: 36rpx;
+      & > view {
+        width: 290rpx;
+        box-sizing: border-box;
+        padding: 22rpx 32rpx;
+        background: #ffffff;
+        border-radius: 16rpx;
+        color: #9EABBF;
+        font-size: 26rpx;
+        .profit-embody-money {
+          margin-bottom: 6rpx;
+          font-size: 36rpx;
+          font-weight: bold;
+          color: #325383;
+        }
+      }
     }
   }
   .about {