tj

src/pages/components/cardWarp.vue

@@ -3,7 +3,7 @@
   .card-header(
     :style="{ height, 'line-height': height, background: bgcolor }"
   )
-    span.card-title {{ title }}
+    span.card-title(:style="{'font-size':size+'px'}") {{ title }}
       div(style="margin-left: 20px;color:#3A648A;")
         slot(name="left")
     span(style='font-size:12px;')
@@ -27,6 +27,10 @@ export default {
     bgcolor: {
       type: String,
       default: '#f2faff'
+    },
+    size: {
+      type: String,
+      default: '15'
     }
   }
 }
@@ -51,7 +55,7 @@ export default {
     }
   }
   .card-content {
-    margin: 20px;
+    margin: 10px;
   }
 }
 </style>