fix: 界面功能优化完善，列表加边框。

2026-02-05 20:42:32 +08:00
parent 97eb67a907
commit 921e8569e8
34 changed files with 136 additions and 34 deletions
--- a/src/pages/calendar/list.vue
+++ b/src/pages/calendar/list.vue
@@ -413,7 +413,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/statistic/accounts/dailyLiabilities/index.vue
+++ b/src/pages/statistic/accounts/dailyLiabilities/index.vue
@@ -491,7 +491,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/statistic/accounts/sleepAccounts/index.vue
+++ b/src/pages/statistic/accounts/sleepAccounts/index.vue
@@ -534,7 +534,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }
  
  .action-buttons {
--- a/src/pages/work/accounts/accounts/commonList.vue
+++ b/src/pages/work/accounts/accounts/commonList.vue
@@ -451,7 +451,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/accounts/accounts/list.vue
+++ b/src/pages/work/accounts/accounts/list.vue
@@ -596,7 +596,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/accounts/creditTransferRecord/list.vue
+++ b/src/pages/work/accounts/creditTransferRecord/list.vue
@@ -642,7 +642,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-item {
--- a/src/pages/work/accounts/lendTransferRecord/list.vue
+++ b/src/pages/work/accounts/lendTransferRecord/list.vue
@@ -569,7 +569,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/bankBaseInfo/list.vue
+++ b/src/pages/work/base/bankBaseInfo/list.vue
@@ -580,7 +580,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/creditCard/limitHistory.vue
+++ b/src/pages/work/base/creditCard/limitHistory.vue
@@ -405,7 +405,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/creditCard/list.vue
+++ b/src/pages/work/base/creditCard/list.vue
@@ -520,7 +520,10 @@ page {
  
  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/debitCard/limitHistory.vue
+++ b/src/pages/work/base/debitCard/limitHistory.vue
@@ -396,7 +396,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/debitCard/list.vue
+++ b/src/pages/work/base/debitCard/list.vue
@@ -630,7 +630,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/financials/list.vue
+++ b/src/pages/work/base/financials/list.vue
@@ -372,7 +372,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/futures/list.vue
+++ b/src/pages/work/base/futures/list.vue
@@ -390,7 +390,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/base/stocks/list.vue
+++ b/src/pages/work/base/stocks/list.vue
@@ -380,7 +380,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/bill/creditCardBill/details.vue
+++ b/src/pages/work/bill/creditCardBill/details.vue
@@ -588,7 +588,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/bill/creditQueryRecord/list.vue
+++ b/src/pages/work/bill/creditQueryRecord/list.vue
@@ -494,7 +494,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/bill/futuresBill/details.vue
+++ b/src/pages/work/bill/futuresBill/details.vue
@@ -381,7 +381,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/bill/peopleLendHistory/list.vue
+++ b/src/pages/work/bill/peopleLendHistory/list.vue
@@ -449,7 +449,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/bill/stocksBill/details.vue
+++ b/src/pages/work/bill/stocksBill/details.vue
@@ -380,7 +380,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/product/productInfor/list.vue
+++ b/src/pages/work/product/productInfor/list.vue
@@ -501,7 +501,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages/work/product/productPriceRecord/list.vue
+++ b/src/pages/work/product/productPriceRecord/list.vue
@@ -577,7 +577,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/config/list.vue
+++ b/src/pages_mine/pages/system/config/list.vue
@@ -496,7 +496,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/dept/list.vue
+++ b/src/pages_mine/pages/system/dept/list.vue
@@ -489,7 +489,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/dict/list.vue
+++ b/src/pages_mine/pages/system/dict/list.vue
@@ -504,7 +504,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/dictData/list.vue
+++ b/src/pages_mine/pages/system/dictData/list.vue
@@ -569,7 +569,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/job/list.vue
+++ b/src/pages_mine/pages/system/job/list.vue
@@ -541,7 +541,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/logininfor/list.vue
+++ b/src/pages_mine/pages/system/logininfor/list.vue
@@ -502,7 +502,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/menu/list.vue
+++ b/src/pages_mine/pages/system/menu/list.vue
@@ -530,7 +530,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/notice/list.vue
+++ b/src/pages_mine/pages/system/notice/list.vue
@@ -519,7 +519,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/operlog/list.vue
+++ b/src/pages_mine/pages/system/operlog/list.vue
@@ -569,7 +569,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/post/list.vue
+++ b/src/pages_mine/pages/system/post/list.vue
@@ -535,7 +535,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/role/list.vue
+++ b/src/pages_mine/pages/system/role/list.vue
@@ -486,7 +486,10 @@ page {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {
--- a/src/pages_mine/pages/system/user/list.vue
+++ b/src/pages_mine/pages/system/user/list.vue
@@ -546,7 +546,10 @@ function dictStr(value, list) {

  .card-body {
    padding: 24rpx;
-    background: #fff;
+    background: #fafbfc;
+    border: 2rpx solid #f0f2f5;
+    margin: 15rpx 16rpx 2rpx;
+    border-radius: 12rpx;
  }

  .info-row {