<template>
	<div class="activity-info">
		<div class="item-info">
			<p class="activity-title">{{richHtml.ActivityName}}</p>
			<p class="activity-time">{{richHtml.BeginTime}}-{{richHtml.EndTime}}</p>
		</div>
		<div class='activity-rich' v-html="richHtml.Content"></div>
		<ReturnHome ref="returnhome"></ReturnHome>
	</div>
</template>

<script>
import ut from "@/assets/js/utils.js";
import ReturnHome from "@/components/channel/temp001/ReturnHome";
export default {
	name: "activityAreaInfo",
	components: {ReturnHome},
	provide(){       
		return{           
			goPage:this.goPage       
		}   
	},
	props: ["comp", "cfg", "selectedPage"],
	data() {
		return {
			richHtml:""
		};
	},
	created() {
	},
	mounted() {
		let info = JSON.parse(ut.ssg("activityinfo"));
		this.richHtml = info;
	},
	methods: {
		goPage(pagetype){
			this.$parent.changeSelectedPage(pagetype);
		}
	}
};
</script>
<style scoped>
.activity-info{
	padding: 1rem;
}
.activity-title{
	font-size: 1rem;
	color: #1b1b1b;
	font-weight: bold;
}
.activity-time{
	font-size: .8rem;
	color: #acacac;
}
.activity-rich {
  min-height: 50px;
}
/* table 样式 */
.activity-rich>>>table {
  border-top: 1px solid #ccc!important;
  border-left: 1px solid #ccc!important;
}
.activity-rich>>>table td,
.activity-rich>>>table th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 3px 5px;
}
.activity-rich>>>table th {
  border-bottom: 2px solid #ccc;
  text-align: center;
}

/* blockquote 样式 */
.activity-rich>>>blockquote {
  display: block;
  border-left: 8px solid #d0e5f2;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.4;
  font-size: 100%;
  background-color: #f1f1f1;
}

/* code 样式 */
.activity-rich>>>code {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}
.activity-rich>>>pre code {
  display: block;
}

</style>
