优化

mallApp/src/pages/home/recent.vue

@@ -110,6 +110,9 @@ export default {
     settleAccount (item) {
       this.pageTo({ url: '/pages/settle/debt?id='+item.id})
     },
+    recharge (item) {
+      this.pageTo({ url: '/pages/member/recharge?id='+item.id})
+    },
     toBottom(){
       if (!this.list.finished) {
         this.getMyHdList().then(res => {
@@ -271,6 +274,7 @@ export default {
         width: 750upx;
         height: auto;
         margin-bottom:25upx;
+        overflow: hidden;
         .image-text_7 {
           width: 674upx;
           height: 120upx;
@@ -324,6 +328,10 @@ export default {
         .box_9 {
           height: 65upx;
           padding: 23upx 0 22upx 30upx;
+          display: flex;
+          flex-wrap: wrap;
+          align-items: center;
+          box-sizing: content-box;
           .tag_2 {
             background-color: rgba(255, 255, 255, 1);
             border-radius: 8px;
@@ -334,7 +342,6 @@ export default {
             font-size: 30upx;
             margin:0 50upx 0 0;
             text-align:center;
-            float:left;
             padding-left:20upx;
             padding-right:20upx;
           }
@@ -381,6 +388,8 @@ export default {
           background-color: rgb(248, 242, 242);
           width: 750upx;
           height:85upx;
+          margin-top: 10upx;
+          box-sizing: content-box;
           .show_clear_area {
             width: 247upx;
             height: 29upx;
@@ -432,9 +441,10 @@ export default {
           background-size: 137upx 137upx;
           width: 130upx;
           position: absolute;
-          left: 570upx;
-          top:90upx;
+          right: 50upx;
+          top: 40upx;
           border-radius:20upx;
+          z-index: 10;
           .text_13 {
             color: rgba(255, 255, 255, 1);
             font-size: 30upx;