<template>
  <div id="talk">
    <el-row>
      <el-col :span="24">
        <el-col :span="24" class="info">
          <el-col :span="24" class="title">
            <p>{{ noticedetail.title }}</p>
          </el-col>
          <el-col :span="24" class="time">
            {{ noticedetail.corpname }}
          </el-col>
          <el-col :span="24" class="image" v-if="noticedetail.url">
            <el-image style="width:650px;height:427px;" :src="noticedetail.url"></el-image>
          </el-col>
          <el-col :span="24" class="content">
            <p v-html="noticedetail.content"></p>
          </el-col>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'talk',
  props: {
    noticedetail: null,
  },
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
p {
  margin: 0;
  padding: 0;
}
.info {
  background: #f9f3f3;
  padding: 0 70px 0 33px;
}
.info .title {
  text-align: center;
}
.info .title p {
  font-size: 36px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 90px 0 30px 0;
}
.info .time {
  font-size: 24px;
  color: #333;
  padding: 0 0 15px 0;
  text-align: center;
}
.info .image {
  padding: 0 0 75px 0;
}
.info .content {
  text-align: left;
}
.info .content p {
  font-size: 24px;
  color: #4f4f4f;
  text-indent: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 16;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
</style>
