<template>
  <div class="pic-text">
    <img class="img" :src="src" alt="" />
    <div class="r">
      <div class="t1">{{text1}}</div>
      <div class="t2">{{text2}}</div>
    </div>
  </div>
</template>

<script>
import cl1 from "@/assets/Ind/cl1.png";
export default {
  name: "",
  props: {
    src: {
      type: String,
      default: cl1,
    },
    text1: {
      type: String,
      default: "运行设备数量",
    },
    text2: {
      type: [String, Number],
      default: 15,
    },
  },
  data() {
    return {
      cl1,
    };
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.pic-text {
  // width: 194px;
  height: 44px;
  display: flex;
}
.r {
  margin-left: 20px;
}
.t1,
.t2 {
  color: #fff;
}
.t1 {
  font-size: 12px;
}
.t2 {
  font-size: 22px;
}
</style>
