优化行情首页卡片样式

4 weeks ago · e7629488c6
1 changed files with 3 additions and 4 deletions
--- a/pages/marketSituation/marketOverview.vue
+++ b/pages/marketSituation/marketOverview.vue
@ -642,8 +642,7 @@ watch(headerHeight, (newHeight) => {
  margin: 0;
  box-sizing: border-box;
  width: 100%;
-  padding: 30rpx 20rpx;
-  gap: 20rpx;
+  padding: 30rpx 0;
 }

 .card_item {
@ -657,7 +656,7 @@ watch(headerHeight, (newHeight) => {
@media (max-width: 600rpx) {
  .cards_grid {
    grid-template-columns: repeat(2, 1fr);
-    padding: 30rpx 20rpx;
+    padding: 30rpx 0;
  }
 }

@ -665,7 +664,7 @@ watch(headerHeight, (newHeight) => {
@media (max-width: 400rpx) {
  .cards_grid {
    grid-template-columns: 1fr;
-    padding: 30rpx 20rpx;
+    padding: 30rpx 0;
  }
 }