<template>
  <el-row>
    <el-col class="webMessage">
      {{ title }}
    </el-col>
    <el-col style="padding: 20px 15px;">
      <el-col>
        <span class="sizeA">
          {{ info && info.intro ? info.intro : '' }}
        </span>
      </el-col>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: 'web-intro',
  props: {
    title: {
      type: String,
    },
    info: {
      type: Object,
      default: () => {},
    },
  },
  data: () => ({
    detail: {},
  }),
  mounted() {
    // this.$set(this, `detail`, this.info);
  },
};
</script>

<style lang="less" scoped>
.webMessage {
  border-left: 3px solid #850000;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  margin: 0 0 0 -15px;
}
.sizeA {
  font-size: 14px;
}
</style>
