ZhiQin_smart-construction-bi/src/components/CardTitle.vue

<template>
  <div class="card-title">
    <slot></slot>
  </div>
</template>

<script lang="ts" setup>
</script>

<style lang="less" scoped>
.card-title {
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  font-size: 20px;
  margin-top: 4px;
  line-height: 40px;
  color: #FFFFFF;
  background: url(@/assets/images/title.png) no-repeat center;
  background-size: 100% 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
</style>