优化

pages/finance/finance.wxml

@@ -24,19 +24,19 @@
 <view class="banner" id="top_view2">
   <view class="banner_tabs">
     <view>上月结余</view>
-    <view>￥{{data.syjc}}</view>
+    <view style="font-size: 12px;">￥{{data.syjc}}</view>
   </view>
   <view class="banner_tabs">
     <view>支出</view>
-    <view>￥{{data.dai}}</view>
+    <view style="font-size: 12px;">￥{{data.dai}}</view>
   </view>
   <view class="banner_tabs">
     <view>收入</view>
-    <view>￥{{data.jie}}</view>
+    <view style="font-size: 12px;">￥{{data.jie}}</view>
   </view>
   <view class="banner_tabs">
     <view>本月结存</view>
-    <view>￥{{data.byjc}}</view>
+    <view style="font-size: 12px;">￥{{data.byjc}}</view>
   </view>
 </view>
 <scroll-view scroll-y refresher-threshold="0" style="height:{{scrollHeight}}px" bindscrolltolower="paging" lower-threshold="100"> 

pages/finance/finance.wxss

@@ -45,24 +45,21 @@
   padding: 10rpx 32.5rpx;
 }
 .workflow .workflow_list{
-  height: 150rpx;
   background-color: #fff;
   border-radius: 24rpx;
   box-shadow:0rpx 0rpx 10rpx rgba(0,0,0,.1);
-  margin-bottom: 20rpx;
-  padding:15rpx 25rpx 10rpx 35rpx;
+  padding:25rpx 25rpx 10rpx 35rpx;
 }
 .workflow .workflow_list .process_intro{
   display: flex;
-  height: 62rpx;
   align-items: center; 
 }
 
 .workflow .process_intro .name{
-  width: 390rpx;
-  font-size: 34rpx;
+  max-width: 390rpx;
+  font-size: 16px;
   margin-right: 30rpx;
-  display: flex;
+  flex:1;
   justify-content: space-between;
   align-items: center;
 }
@@ -112,7 +109,7 @@
 .workflow  .time{
   flex: 1;
   text-align: right;
-  font-size: 32rpx;
+  font-size: 12px;
   color: #9ea1aa;
 }
 
@@ -135,16 +132,18 @@
   width: 32rpx;
   height: 32rpx;
   margin-right: 12rpx;
+  text-align: right;
+  font-size: 14px;
 }
 
 .workflow .workflow_list  .amount{
-  font-size: 38rpx;
+  font-size: 14px;
   flex: 1;
   text-align: right;
   color: #f31e1f;
 }
 .workflow .workflow_list  .amounts{
-  font-size: 38rpx;
+  font-size: 14px;
   flex: 1;
   text-align: right;
   color:#4caf50;
@@ -192,6 +191,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-size: 12px;
 }
 .banner {
   display: flex;background:#4caf50;color:#fff;text-align: center;margin:3%;border-radius: 20rpx;line-height: 50rpx;