优化问题

pages/member/billDetails.vue

@@ -12,11 +12,11 @@
 			</view>
 		</view>
 		<view class="navTop">
-			<view @click="clickEvent(1)">
+			<view @click="clickEvent(1)" :class="[active==1?'fonts':'']">
 				余额明细
 				<view :class="[active==1?'xian':'']" style="left: 36rpx;"> </view>
 			</view>
-			<view @click="clickEvent(2)">
+			<view @click="clickEvent(2)" :class="[active==2?'fonts':'']">
 				积分明细
 				<view :class="[active==2?'xian':'']" style="left: 36rpx;"> </view>
 			</view>
@@ -25,11 +25,11 @@
 			<!-- <image :src="require('')" style="width: 76rpx;height: 76rpx;float: left;" mode=""></image> -->
 			<view class="listrigth">
 				<view>{{item.biz_name}}</view>
-				<view>+{{item.amount}}</view>
+				<view :class="[item.biz_code=='accountGroupPay'?'':'colorStyle']">{{item.biz_code=='accountGroupPay'?'-':'+'}}{{item.amount}}</view>
 			</view>
 			<view class="listrigth2">
-				<view>{{item.create_time}}</view>
-				<view>充值成功</view>
+				<view>{{$u.timeFormat(item.create_time, 'yyyy-mm-dd hh:MM:ss')}}</view>
+				<view>余额:{{item.balance}}</view>
 			</view>
 		</view>
 
@@ -84,8 +84,9 @@
 
 <style scoped lang="less">
 	.bild {
-		height: 488rpx;
+		height: 320rpx;
 		background-image: url('https://czg-qr-order.oss-cn-beijing.aliyuncs.com/drder/czmxbg.png');
+		background-size: 750rpx 320rpx;
 		display: flex;
 		justify-content: space-around;
 		align-items: center;
@@ -113,19 +114,23 @@
 		justify-content: space-around;
 		align-items: center;
 		color: #333;
-		margin-top: -50rpx;
+		margin-top: -60rpx;
 		padding: 0 120rpx;
 
+		.fonts {
+			font-size: 34rpx;
+		}
+
 		>view {
 			position: relative;
 
 			.xian {
 				width: 58rpx;
 				height: 6rpx;
-				background: #F1CB66;
+				background: #FFAA62;
 				border-radius: 2rpx 2rpx 2rpx 2rpx;
 				position: absolute;
-				bottom: -6rpx;
+				bottom: -16rpx;
 			}
 		}
 
@@ -133,6 +138,7 @@
 
 	.listStyle {
 		padding: 28rpx;
+		padding-top: 50rpx;
 		width: 100%;
 
 		.listrigth,
@@ -140,10 +146,13 @@
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
-			padding-left: 32rpx;
+			// padding-left: 32rpx;
 		}
 
 		.listrigth {
+			.colorStyle{
+				color: #FF7127;
+			}
 			>view {
 				font-weight: bold;
 				font-size: 32rpx;