ソースを参照

fix:页面适应性样式bug

luoy 2 日 前
コミット
fbd6501897
1 ファイル変更4 行追加3 行削除
  1. 4 3
      src/views/count/main/trend/index.vue

+ 4 - 3
src/views/count/main/trend/index.vue

@@ -1,7 +1,7 @@
 <template>
    <div class="layout-padding">
       <div class="!overflow-auto px-1">
-         <Lcard :height="440">
+         <Lcard>
             <template #default>
                <Title style="margin-bottom: 10px;" title="整体趋势">
                   <el-popover class="box-item" placement="right" trigger="hover" width="250">
@@ -36,7 +36,7 @@
                   <span class="link">支持返还的字段</span>
                </div>
                <div class="box1">
-                  <Lcard :height="280" style="margin-right: 20px;">
+                  <Lcard style="margin-right: 20px;">
                      <div class="card-box1">
                         <InfoCard title="订单数量" value="1,234" description="较昨日减少 1.2%">
                            <template #icon>
@@ -60,7 +60,7 @@
                         </InfoCard>
                      </div>
                   </Lcard>
-                  <Lcard :height="280">
+                  <Lcard>
                      <div class="card-box2">
                         <InfoCard title="订单数量" value="1,234" description="较昨日减少 1.2%">
                            <template #icon>
@@ -419,6 +419,7 @@ function initCircleChart2(): void {
    .card-box2 {
       .info-card {
          width: 33%;
+         min-width: 150px;
       }
    }
 }