main.vue 779 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <div class="container">
  3. <div class="redcolumn"></div>
  4. <div class="container-title">{{ title }}</div>
  5. </div>
  6. </template>
  7. <script>
  8. export default {
  9. name: "containerTitle",
  10. props: {
  11. title: ""
  12. }
  13. };
  14. </script>
  15. <style lang="scss" scoped>
  16. .container {
  17. display: flex;
  18. justify-content: left;
  19. margin-left: 10px;
  20. background-color: inherit;
  21. height: 18px;
  22. // padding-bottom: 12px;
  23. vertical-align: middle;
  24. .redcolumn {
  25. width: 4px;
  26. height: 13px;
  27. background-color: #d6000f;
  28. margin: 3px 4px 0 0;
  29. }
  30. .container-title {
  31. font-size: 12px;
  32. line-height: 18px;
  33. font-family: PingFangSC-Semibold, PingFang SC;
  34. font-weight: 600;
  35. color: #323233;
  36. }
  37. }
  38. // .container:first-child {
  39. // padding-top: 16px;
  40. // }
  41. </style>