样式调整

src/components/titleComponent/main.vue

@@ -1,43 +1,43 @@
-<template>
-  <div class="container">
-    <div class="redcolumn"></div>
-    <div class="container-title">{{ title }}</div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "containerTitle",
-  props: {
-    title: ""
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.container {
-  display: flex;
-  justify-content: left;
-  margin-left: 10px;
-  background-color: inherit;
-  height: 18px;
-  // padding-bottom: 12px;
-  vertical-align: middle;
-  .redcolumn {
-    width: 4px;
-    height: 13px;
-    background-color: #d6000f;
-    margin: 2px 4px 0 0;
-  }
-  .container-title {
-    font-size: 14px;
-    line-height: 18px;
-    font-family: PingFangSC-Semibold, PingFang SC;
-    font-weight: 600;
-    color: #323233;
-  }
-}
-// .container:first-child {
-//   padding-top: 16px;
-// }
-</style>
+<template>
+  <div class="container">
+    <div class="redcolumn"></div>
+    <div class="container-title">{{ title }}</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "containerTitle",
+  props: {
+    title: ""
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.container {
+  display: flex;
+  justify-content: left;
+  margin-left: 10px;
+  background-color: inherit;
+  height: 18px;
+  // padding-bottom: 12px;
+  vertical-align: middle;
+  .redcolumn {
+    width: 4px;
+    height: 13px;
+    background-color: #d6000f;
+    margin: 2px 4px 0 0;
+  }
+  .container-title {
+    font-size: 12px;
+    line-height: 18px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: #323233;
+  }
+}
+// .container:first-child {
+//   padding-top: 16px;
+// }
+</style>