<template>
  <div id="context">
    <el-row class="bB">
      <el-col :span="24" class="top_title">
        {{ detail && detail.title ? detail.title : '集团和企业介绍' }}
      </el-col>
      <el-col :span="24" class="top_else">
        <span>{{ detail && detail.date ? detail.date : '2019年7月17日' }}</span>
        <span style="padding-left:2rem;">浏览量 :{{ detail && detail.views ? detail.views : '2000' }}</span>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="24" class="main_info" v-html="info.content">{{ info && info.content ? info.content : '' }}</el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'context',
  props: {
    info: {
      type: null,
      // default: () => {},
    },
  },
  components: {},
  data: () => ({
    detail: {},
    // context:
    //   '红太阳1989年靠借资5000元白手起家，历经28年五次创新优化，现已发展成为一家集科研、制造、市场全产业链的、拥有覆盖八国十六省（州）二十八个市（县）的占地7.8平方公里、员工万名、资产超500亿元、专利和市场准入“双超”千件的以先进制造业为支撑的38家全资和控股子公司（拥有一家上市公司）的中国实业、商标等“六项”中国百强和中国制造、民营等“七项”中国500强的国家重点高新技术企业。',
  }),
  created() {},
  mounted() {
    this.$set(this, `detail`, this.info);
  },
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.bB {
  border-bottom: 1px dashed #ddd;
}
.top_title {
  color: #333333;
  font-size: 18px;
  font-weight: 900;
}
.top_else {
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  color: #999999;
  font-size: 12px;
}
.main_info {
  padding: 1.5rem;
  color: #333333;
  font-size: 16px;
  text-indent: 2rem;
}
.ticketBtn {
  padding: 10px 0 0 0;
}
/deep/.ticketBtn .el-button {
  padding: 8px;
}
</style>
