9.20 界面502

frontend/unpackage/dist/dev/mp-weixin/pages/detail/index.wxss

@@ -31,17 +31,20 @@
 }
 .seg {
   display: flex;
-  background: #ffffff;
+  background: #fff;
+  border-bottom: 2rpx solid #e5e7eb;
 }
 .seg-item {
   flex: 1;
-  padding: 22rpx 0;
+  padding: 18rpx 0;
   text-align: center;
   color: #444;
 }
 .seg-item.active {
-  color: #4C8DFF;
-  font-weight: 600;
+  color: #fff;
+  background: #4C8DFF;
+  border-radius: 12rpx;
+  margin: 8rpx;
 }
 .content {
   display: flex;
@@ -49,8 +52,9 @@
   min-height: 0;
 }
 .biz-tabs {
-  width: 120rpx;
-  background: #f1f1f1;
+  width: 140rpx;
+  background: #fff;
+  border-right: 2rpx solid #e5e7eb;
   display: flex;
   flex-direction: column;
 }
@@ -62,24 +66,26 @@
   color: #4C8DFF;
 }
 .biz.active {
-  background: #4C8DFF;
-  color: #fff;
-  border-radius: 0 16rpx 16rpx 0;
+  background: rgba(76, 141, 255, 0.1);
+  color: #4C8DFF;
+  font-weight: 700;
 }
 .panel {
   flex: 1;
   display: flex;
   flex-direction: column;
-  background: #ffffff;
+  background: #fff;
   margin: 16rpx;
   border-radius: 16rpx;
   padding: 12rpx;
+  border: 2rpx solid #e5e7eb;
 }
 .toolbar {
   display: flex;
   align-items: center;
   gap: 12rpx;
   padding: 8rpx 6rpx;
+  border-bottom: 2rpx solid #e5e7eb;
 }
 .search {
   flex: 1;
@@ -99,19 +105,23 @@
 .total {
   color: #4C8DFF;
   font-weight: 700;
-  padding: 6rpx 6rpx 12rpx;
+  padding: 10rpx 6rpx 12rpx;
+  background: #fff;
 }
 .list {
   flex: 1;
 }
 .item {
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr auto auto;
   align-items: center;
-  padding: 20rpx 10rpx;
+  gap: 8rpx;
+  padding: 18rpx 12rpx;
   border-bottom: 1rpx solid #e5e7eb;
 }
 .item-left {
-  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 .date {
   color: #444;
@@ -129,6 +139,13 @@
 .amount {
   color: #111;
   font-weight: 700;
+  text-align: right;
+}
+.amount.in {
+  color: #16a34a;
+}
+.amount.out {
+  color: #dc2626;
 }
 .arrow {
   color: #8c99b0;
@@ -148,11 +165,12 @@
   bottom: 120rpx;
   width: 100rpx;
   height: 100rpx;
-  background: #4C8DFF;
-  color: #fff;
+  background: #fff;
+  color: #4C8DFF;
+  border: 2rpx solid #4C8DFF;
   border-radius: 50rpx;
   text-align: center;
   line-height: 100rpx;
   font-size: 48rpx;
-  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.15);
+  box-shadow: 0 8rpx 20rpx rgba(76, 141, 255, 0.18);
 }