iot-front-ui/src/components/common/card.vue

<template>
  <div>
    <div class="card_title">
      {{ title }}
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    title: String,
  },
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.card_title {
  padding-left: 10px;
  height: 20px;
  line-height: 20px;
  margin: 10px 0px;
  font-size: 16px;
  font-weight: bold;
  border-left: 8px solid #98d4f3;
}
</style>