Skip to content

C
campSite
Commit 5f3852f9 authored by wuwangwolihui's avatar wuwangwolihui
Browse files
Options

营地2.0-活动中心、活动详情

parent ddb355aa
Hide whitespace changes
Inline Side-by-side
Showing with 277 additions and 195 deletions
src/assets/scss/active/activeList.scss
View file @ 5f3852f9
...@@ -125,6 +125,32 @@ ...@@ -125,6 +125,32 @@
font-size: 16px; font-size: 16px;
line-height: 28px; line-height: 28px;
margin: 0.4vw 0; margin: 0.4vw 0;
.sign-box {
display: inline-block;
&::after {
content: '|';
color: #333333;
margin: 0 5px;
}
&:last-child {
&::after {
content: '';
margin: 0;
}
}
.sign {
display: inline-block;
padding: 0 5px 0 0;
&:last-child {
padding-right: 0;
}
}
}
} }
.active-list-item-cont-txt2 { .active-list-item-cont-txt2 {
......
src/assets/scss/common.scss
View file @ 5f3852f9
.com-container{ .com-container{
width: 81%; width: 80%;
max-width: 1576px; max-width: 1576px;
min-width: 1050px; min-width: 1050px;
padding: 0 50px; padding: 0 50px;
......
src/main.js
View file @ 5f3852f9
...@@ -24,12 +24,15 @@ Vue.prototype.download = download ...@@ -24,12 +24,15 @@ Vue.prototype.download = download
Vue.prototype.upload = upload Vue.prototype.upload = upload
// 防止重复点击自定义属性 // 防止重复点击自定义属性
import preventReClick from './utils/preventRepeatClick.js' import preventReClick from './utils/preventRepeatClick.js';
Vue.use(preventReClick); Vue.use(preventReClick);
//埋点公共方法 //埋点公共方法
import {commonApi}from './utils/common' import {commonApi}from './utils/common';
import {formatYMD, formatYMDChina}from './store/time';
Vue.prototype.commonApi = commonApi; Vue.prototype.commonApi = commonApi;
Vue.prototype.formatYMD = formatYMD;
Vue.prototype.formatYMDChina = formatYMDChina;
// 禁止浏览器前进后退 另一部本在router的index.js中 // 禁止浏览器前进后退 另一部本在router的index.js中
window.addEventListener('popstate', function() { window.addEventListener('popstate', function() {
......
src/request/base/active.js
View file @ 5f3852f9
...@@ -10,7 +10,7 @@ export function LabelType(data) { ...@@ -10,7 +10,7 @@ export function LabelType(data) {
}) })
} }
// 获取营地列表-搜索模块 // 获取活动列表-搜索模块
export function HotList(data) { export function HotList(data) {
return request({ return request({
method: 'post', method: 'post',
...@@ -19,3 +19,11 @@ export function HotList(data) { ...@@ -19,3 +19,11 @@ export function HotList(data) {
}) })
} }
// 获取活动详情
export function GetActiveInfo(id) {
return request({
method: 'get',
url: '/modules-campsite/activityCenter/detail/' + id,
data: {}
})
}
src/router/base/active.js
View file @ 5f3852f9
...@@ -8,11 +8,11 @@ export default [ ...@@ -8,11 +8,11 @@ export default [
} }
}, },
{ {
path: '/active/:type/:id', path: '/active/:id',
name: 'base-active-info', name: 'base-active-info',
component: () => import(/* webpackChunkName: "login" */ 'v/base/active/ActiveInfo.vue'), component: () => import(/* webpackChunkName: "login" */ 'v/base/active/ActiveInfo.vue'),
meta: { meta: {
title: '活动中心' title: '活动详情'
} }
}, },
] ]
src/store/time.js
View file @ 5f3852f9
...@@ -35,3 +35,21 @@ export function intervalTime(startTime, endTime) { ...@@ -35,3 +35,21 @@ export function intervalTime(startTime, endTime) {
let time = y*365*24*60*60 + m*30*24*60*60 + d*24*60*60 + h*60*60 + mm*60 + ss let time = y*365*24*60*60 + m*30*24*60*60 + d*24*60*60 + h*60*60 + mm*60 + ss
return time; return time;
} }
// 2023-01-01
export function formatYMD(data) {
let time = new Date(data);
let y = time.getFullYear();
let m = time.getMonth() + 1;
let d = time.getDate();
return (y + "-" + add0(m) + "-" + add0(d));
}
// 2023年1月1日
export function formatYMDChina(data) {
let time = new Date(data);
let y = time.getFullYear();
let m = time.getMonth() + 1;
let d = time.getDate();
return (y + "年" + m + "月" + d + "日");
}
src/views/base/active/Active.vue
View file @ 5f3852f9
...@@ -80,10 +80,23 @@ ...@@ -80,10 +80,23 @@
</div> </div>
<div class="title">{{item.name}}</div> <div class="title">{{item.name}}</div>
</div> </div>
<div class="active-list-item-cont-txt1">{{item.schoolName}} | {{item.subjectName}}</div> <div class="active-list-item-cont-txt1">
<div class="active-list-item-cont-txt2">{{item.activityStartTime}} （共{{item.activityTime}}天）</div> <div class="sign-box" v-if="item.schoolName">
<div class="active-list-item-cont-txt3">报名截止时间：{{item.bmEndTime}}</div> <div class="sign"
<div class="active-list-item-cont-bottom" @click="$router.push('/active/current/'+item.id)"> v-for="(item2, index2) in item.schoolName.split(',')"
:key="index2">{{item2}}
</div>
</div>
<div class="sign-box" v-if="item.subjectName">
<div class="sign"
v-for="(item2, index2) in item.subjectName.split(',')"
:key="index2">{{item2}}
</div>
</div>
</div>
<div class="active-list-item-cont-txt2">{{formatYMD(item.activityStartTime)}} （共{{item.activityTime}}天）</div>
<div class="active-list-item-cont-txt3">报名截止时间：{{formatYMDChina(item.bmEndTime)}}</div>
<div class="active-list-item-cont-bottom" @click="$router.push('/active/'+item.id)">
<div>查看详情</div> <div>查看详情</div>
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</div> </div>
...@@ -98,7 +111,6 @@ ...@@ -98,7 +111,6 @@
</template> </template>
<script> <script>
import img from "../../../assets/img/recruit.png";
import {LabelType, HotList} from "r/base/active"; import {LabelType, HotList} from "r/base/active";
export default { export default {
...@@ -218,9 +230,6 @@ ...@@ -218,9 +230,6 @@
console.log(err) console.log(err)
this.loading = false; this.loading = false;
}) })
setTimeout(() => {
this.loading = false;
}, 2000)
}, },
// 获取筛选标签列表 // 获取筛选标签列表
getLabelType() { getLabelType() {
......
src/views/base/active/ActiveInfo.vue
View file @ 5f3852f9
...@@ -2,53 +2,78 @@ ...@@ -2,53 +2,78 @@
<div class="com-container active-info-container" v-loading="loading"> <div class="com-container active-info-container" v-loading="loading">
<div class="active-info card-box"> <div class="active-info card-box">
<div class="active-info-cover"> <div class="active-info-cover">
<el-image :src="activeInfo.cover" fit="cover"/> <el-image :src="activeInfo.activityCover" fit="cover"/>
</div> </div>
<div class="active-info-cont"> <div class="active-info-cont">
<div class="active-info-cont-header"> <div class="active-info-cont-header">
<div class="label">{{activeInfo.label}}</div> <template v-if="activeInfo.activityLabel">
<div class="label"
v-for="(item, index) in activeInfo.activityLabel.split(',')"
:key="index">{{item}}
</div>
</template>
<div class="title">{{activeInfo.name}}</div> <div class="title">{{activeInfo.name}}</div>
</div> </div>
<div class="active-info-cont-txt1"> <div class="active-info-cont-txt1">
<div class="sign" <div class="sign-box" v-if="activeInfo.schoolName">
v-for="(item, index) in activeInfo.school" <div class="sign"
:key="index"> v-for="(item, index) in activeInfo.schoolName.split(',')"
{{item}} :key="index">{{item}}
</div>
</div>
<div class="sign-box" v-if="activeInfo.subjectName">
<div class="sign"
v-for="(item, index) in activeInfo.subjectName.split(',')"
:key="index">{{item}}
</div>
</div>
<div class="sign-box" v-if="activeInfo.peopleName">
<div class="sign"
v-for="(item, index) in activeInfo.peopleName.split(',')"
:key="index">{{item}}
</div>
</div> </div>
</div> </div>
<div class="active-info-cont-txt2">活动时间：{{activeInfo.beginTime}} 至 {{activeInfo.endTime}}</div> <div class="active-info-cont-txt2">
活动时间：{{formatYMD(activeInfo.activityStartTime)}}
至 {{formatYMD(activeInfo.activityEndTime)}}
</div>
<div class="active-info-cont-txt3"> <div class="active-info-cont-txt3">
<div>报名截止：{{activeInfo.bmEndTime}}</div> <div>报名截止：{{formatYMDChina(activeInfo.bmEndTime)}}</div>
<div> <div>
活动费用：￥{{activeInfo.free}} 活动费用：￥{{activeInfo.activityFee}}
<el-tooltip class="item" effect="dark" content="申请审核通过后，才可缴费参与活动" placement="top"> <el-tooltip class="item" effect="dark" content="申请审核通过后，才可缴费参与活动" placement="top">
<i class="el-icon-question"></i> <i class="el-icon-question"></i>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
<div> <div>
<el-button :disabled="true">报名未开放</el-button> <el-button v-if="activeInfo.status==1" :disabled="true">报名未开放</el-button>
<el-button @click="signUp">立即报名</el-button> <el-button v-if="activeInfo.status==2 && activeInfo.source==2" @click="signUp">立即报名</el-button>
<el-button :disabled="true">报名已截止</el-button> <el-button v-if="activeInfo.status==3" :disabled="true">报名已截止</el-button>
<el-button :disabled="true">已结营</el-button> <el-button v-if="activeInfo.status==4" :disabled="true">已结营</el-button>
</div> </div>
</div> </div>
</div> </div>
<div class="active-area"> <div class="active-area">
<div class="left-area card-box"> <div class="left-area card-box">
<ul v-if="activeContent==1"> <ul v-if="activeContent==1 && anchorList.length>0">
<li v-for="(item,index) in anchorList" :key="index"> <li v-for="(item,index) in anchorList" :key="index">
<a @click="anchorSkip(item.id)">{{item.name}}</a> <a @click="anchorSkip(item.id)">{{item.name}}</a>
</li> </li>
</ul> </ul>
<ul v-if="activeContent==2"> <ul v-else-if="activeContent==2 && anchorList2.length>0">
<li v-for="(item,index) in anchorList2" :key="index"> <li v-for="(item,index) in anchorList2" :key="index">
<a @click="anchorSkip(item.id)">{{item.name}}</a> <a @click="anchorSkip(item.id)">{{item.name}}</a>
</li> </li>
</ul> </ul>
<ul v-else>
<li>暂无锚点</li>
</ul>
</div> </div>
<div class="center-area card-box"> <div class="center-area card-box" :style="{
'min-height':minHeight+'px'
}">
<div class="center-area-title"> <div class="center-area-title">
<div class="center-area-title-box"> <div class="center-area-title-box">
<div class="center-area-title-box-item" <div class="center-area-title-box-item"
...@@ -58,25 +83,30 @@ ...@@ -58,25 +83,30 @@
</div> </div>
<div class="center-area-title-box-item" <div class="center-area-title-box-item"
:class="activeContent==2?'is-active':''" :class="activeContent==2?'is-active':''"
v-if="activeInfo.previousActivities"
@click="changeActive(2)" @click="changeActive(2)"
>活动回顾 >活动回顾
</div> </div>
</div> </div>
</div> </div>
<div class="center-area-cont"> <div class="center-area-cont">
<div v-show="activeContent==1" v-html="activeInfo.studentRecruitmentBrochure"></div> <div v-show="activeContent==1"
<div v-show="activeContent==2" v-html="activeInfo.previousActivities"></div> v-html="activeInfo.admissionsBrochure"></div>
<div v-show="activeContent==2"
v-html="activeInfo.previousActivities"></div>
</div> </div>
</div> </div>
<div class="right-area"> <div class="right-area" ref="RightArea">
<div class="question-area card-box"> <div class="question-area card-box">
<div class="question-area-title"> <div class="question-area-title">
<div class="question-area-title-box">常见问题</div> <div class="question-area-title-box">常见问题</div>
</div> </div>
<div class="question-area-cont"> <div class="question-area-cont">
<div v-if="questionList.length>0"> <div v-if="questionList.length>0">
<div class="ask-answer-item" v-for="(item,index) in questionList" :key="index"> <div class="ask-answer-item"
<div class="ask bold">问：{{item.ask}}</div> v-for="(item,index) in questionList"
:key="index">
<div class="ask bold">问：{{item.question}}</div>
<div class="answer">答：{{item.answer}}</div> <div class="answer">答：{{item.answer}}</div>
</div> </div>
</div> </div>
...@@ -87,42 +117,54 @@ ...@@ -87,42 +117,54 @@
</div> </div>
</div> </div>
</div> </div>
<div class="back-area" v-if="currActivity.length>0">
<div class="back-area" v-if="type=='current'"> <div class="back-area-title">当期活动</div>
<div class="back-area-title">往期活动回顾</div>
<div class="back-area-item card-box" <div class="back-area-item card-box"
v-for="(item,index) in backList" v-for="(item,index) in currActivity"
:key="index" :key="index"
@click="toActiveInfo('previous', item.id)"> @click="toActiveInfo(item.id)">
<div class="back-area-item-cover"> <div class="back-area-item-cover">
<el-image :src="item.cover" fit="cover"/> <el-image :src="item.activityCover" fit="cover"/>
</div> </div>
<div class="back-area-item-cont"> <div class="back-area-item-cont">
<div class="back-area-item-cont-txt">{{item.name}}</div> <div class="back-area-item-cont-txt">{{item.name}}</div>
<div class="back-area-item-cont-txt"> <div class="back-area-item-cont-txt">
<div class="sign">{{item.label}}</div> <div class="sign-box" v-if="item.activityLabel">
<div class="sign"
v-for="(item2, index2) in item.activityLabel.split(',')"
:key="index2">{{item2}}
</div>
</div>
</div>
<div class="back-area-item-cont-txt color_3">
报名截止时间：{{formatYMDChina(item.bmEndTime)}}
</div> </div>
<div class="back-area-item-cont-txt color_2">报名截止：{{item.bmEndTime}}</div>
<div class="back-area-item-cont-txt color_2">活动时间：{{item.beginTime}} 至 {{item.endTime}}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="back-area" v-if="type=='previous'"> <div class="back-area" v-if="oldActivity.length>0">
<div class="back-area-title">当期活动</div> <div class="back-area-title">往期活动</div>
<div class="back-area-item card-box" <div class="back-area-item card-box"
v-for="(item,index) in nowList" v-for="(item,index) in oldActivity"
:key="index" :key="index"
@click="toActiveInfo('current', item.id)"> @click="toActiveInfo(item.id)">
<div class="back-area-item-cover"> <div class="back-area-item-cover">
<el-image :src="item.cover" fit="cover"/> <el-image :src="item.activityCover" fit="cover"/>
</div> </div>
<div class="back-area-item-cont"> <div class="back-area-item-cont">
<div class="back-area-item-cont-txt">{{item.name}}</div> <div class="back-area-item-cont-txt">{{item.name}}</div>
<div class="back-area-item-cont-txt"> <div class="back-area-item-cont-txt">
<div class="sign">{{item.label}}</div> <div class="sign-box" v-if="item.activityLabel">
<div class="sign"
v-for="(item2, index2) in item.activityLabel.split(',')"
:key="index2">{{item2}}
</div>
</div>
</div>
<div class="back-area-item-cont-txt color_2">
活动时间：{{formatYMD(item.activityStartTime)}}
至 {{formatYMD(item.activityEndTime)}}
</div> </div>
<div class="back-area-item-cont-txt color_2">报名截止：{{item.bmEndTime}}</div>
<div class="back-area-item-cont-txt color_2">活动时间：{{item.beginTime}} 至 {{item.endTime}}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -132,27 +174,40 @@ ...@@ -132,27 +174,40 @@
</template> </template>
<script> <script>
import {GetActiveInfo} from "r/base/active";
export default { export default {
name: "ActiveInfo", name: "ActiveInfo",
data() { data() {
return { return {
loading: false, loading: false,
type: null,// 页面类型 current-当期活动 previous-往期活动
id: null,// 活动id id: null,// 活动id
activeInfo: {}, activeInfo: {
activityCover: null,
activityLabel: null,
name: null,
schoolName: null,
subjectName: null,
activityStartTime: null,
activityEndTime: null,
bmEndTime: null,
activityFee: null,
status: null,
source: null,
admissionsBrochure: null,
previousActivities: null,
},
questionList: [], questionList: [],
backList: [], currActivity: [],// 当期活动卡片列表
nowList: [], oldActivity: [],// 往期活动卡片列表
anchorList: [], anchorList: [],
anchorList2: [], anchorList2: [],
activeContent: 1, activeContent: 1,
minHeight: '339',
} }
}, },
created() { created() {
let params = this.$route.params; let params = this.$route.params;
if (params.type) {
this.type = params.type;
}
if (params.id) { if (params.id) {
this.id = params.id; this.id = params.id;
} }
...@@ -169,8 +224,8 @@ ...@@ -169,8 +224,8 @@
} }
}, },
// 去活动详情页面（当前活动/往期活动回顾区域） // 去活动详情页面（当前活动/往期活动回顾区域）
toActiveInfo(type, id) { toActiveInfo(id) {
this.$router.push('/active/' + type + '/' + id); this.$router.push('/active/' + id);
}, },
// 锚点跳转方法 // 锚点跳转方法
anchorSkip(id) { anchorSkip(id) {
...@@ -188,23 +243,26 @@ ...@@ -188,23 +243,26 @@
let attrAndValueArr = content.match(/<a id=\"(.*?)\"><\/a>/g); let attrAndValueArr = content.match(/<a id=\"(.*?)\"><\/a>/g);
let valueArr = [] // 放所有该属性的值 let valueArr = [] // 放所有该属性的值
let anchorList = []; let anchorList = [];
for (let i = 0; i < attrAndValueArr.length; i++) { if (attrAndValueArr && attrAndValueArr.length > 0) {
valueArr.push(attrAndValueArr[i] for (let i = 0; i < attrAndValueArr.length; i++) {
.replace(/<a id=/g, '') valueArr.push(attrAndValueArr[i]
.replace(/\"/g, '') .replace(/<a id=/g, '')
.replace(/><\/a>/g, '')); .replace(/\"/g, '')
} .replace(/><\/a>/g, ''));
valueArr.forEach((item, index) => {
let father = document.getElementById(item).parentNode;
let value = father.innerHTML.replace(/<(.*?)>/g, '').replace(/<\/(.*?)>/g, '');
if (value && value.length < 10) {
anchorList.push({
id: '#' + item,
name: value,
})
} }
}) valueArr.forEach((item, index) => {
return anchorList; let father = document.getElementById(item).parentNode;
let value = father.innerHTML.replace(/<(.*?)>/g, '').replace(/<\/(.*?)>/g, '');
if (value && value.length < 10) {
anchorList.push({
id: '#' + item,
name: value,
})
}
})
return anchorList;
}
return [];
}, },
// 获取数据 // 获取数据
getInfo() { getInfo() {
...@@ -212,112 +270,35 @@ ...@@ -212,112 +270,35 @@
return false; return false;
} }
this.loading = true; this.loading = true;
this.activeContent = 1; GetActiveInfo(this.id).then(res => {
this.activeInfo = { console.log(res)
id: 1, if (res.data.code != 200) {
code: '0e2a2be59c33479ca91a0e3b0df88744', this.loading = false;
cover: 'http://campiste.oss-cn-beijing.aliyuncs.com/image/png/20230912/ddf982eb228142c4a2d8b765fd263073.png', return this.$message.error(res.data.msg);
label: '线上', }
name: '2023年寒假历史营地', this.activeContent = 1;
school: ['南开大学', '历史学', '大学生'], this.activeInfo = res.data.data.activityDetail;
beginTime: '2023-09-01', this.questionList = res.data.data.question;
endTime: '2023-09-03', this.currActivity = res.data.data.currActivity;
days: '3', this.oldActivity = res.data.data.oldActivity;
bmEndTime: '2023-08-31',
free: 6000, setTimeout(() => {
studentRecruitmentBrochure: "<p><span style=\"font-size: 14px;\">从媒体上我了解到，在距贵州黔东南台江县城16公里、海拔1200-1500米的地方，有一个约6万亩的草场，叫红阳草常整个草场绵延起伏、苍翠碧绿、气势磅礴，传说曾经是苗族起义领袖包利王、张秀眉和平西王吴三桂转战、屯兵的地方。基于一种好奇和对英雄的崇敬，我总想找个时机约会它，一来欣赏其风姿绰约，二来凭吊英雄。但这种期望一直没有实现。</span></p>\n<h6 style=\"text-align: left;\"><span style=\"background-color: #f1c40f; color: #e03e2d;\"><em><strong><span style=\"text-decoration: underline;\"><span style=\"font-size: 14px; background-color: #f1c40f;\"><a id=\"base\"></a>而真正促使我走进草场，是7月1日这天。因党的92岁生日，单位组织登红阳活动，办公室的周副主任电话问我能否参加？我欣然应允。</span></span></strong></em></span></h6>\n<p><span style=\"font-size: 14px;\">登红阳，我们一行10余人，乘坐的是中型巴士，向导由台江县人大常委会的余光祥副主任担当。当巴士离开了台江县城，驶入红阳村辖区，便开始循着蜿蜒的柏油公路，穿行于大山之中。大山深处，翠木葱茏，粗壮的杉树、枞树等乔木，几乎遮天蔽日。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"introduction\"></a>活动介绍</strong></span></p>\n<p><span style=\"font-size: 14px;\">风带我去过很多地方，有淙淙的溪流，有飞跃的峡谷，有灿烂的花河，有葱绿的草地&hellip;&hellip;现在，我躺在一个蓝色湖畔的沙滩上，每天，有那么多的动物来湖边喝水，老虎、狮子、猎豹、羚羊、梅花鹿、兔子&hellip;&hellip;还有小蚂蚁匆匆爬过，小蚯蚓挠我的痒痒，蝴蝶翩然表演舞蹈 ,蜜蜂得意的驾着它的小飞机轰鸣而过，一切，是那么的美好谐和&hellip;&hellip;</span></p>\n<p><span style=\"font-size: 14px;\">一天，一只五色鸟在我的头顶歌唱，歌唱大森林，歌唱大森林外的世界，歌唱美丽的城镇，歌唱教堂的钟声，歌唱城镇的人们，歌唱孩子的欢笑&mdash;&mdash;我想，我要开始新的旅行&mdash;&mdash;五色鸟在沙滩休息的时候，我借助风躲进它的翅膀。</span></p>\n<p><span style=\"font-size: 14px;\">我开始飞翔，越过森林，越过高山，越过峡谷，越过河流，飞了好远好远，我看到地面，像五色鸟说的有着红屋顶的房屋，高高的钟塔，错落有致的小花园。一切，是那么的新奇！我开始降落，伴随我快乐兴奋蹦跳的心&mdash;&mdash;一个男孩正仰头看天上的云，他有那么清澈明亮的大眼睛，我落在了他的脸上，他把我捧在手心，噢，他的眼睛像森林的湖泊一样，那么的清澈。\"妈妈妈妈，这是什么？\"小男孩奔跑着问妈妈。\"孩子，这应该是一颗花的种子\"小男孩妈妈微笑着回答，是那么的温柔。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"plan\"></a>活动安排</strong></span></p>\n<p><span style=\"font-size: 14px;\">于是，我有了新的家。小男孩找来一个白色的花盆，装上黑褐色的泥土，小心翼翼的把我放进去。\"孩子，你为什么不把它种在花园里\"妈妈笑着问。\"噢，妈妈，我要放在我的阳台上，我要每天看着它照顾它，我怕狗狗伤害它，怕猫咪不小心把它刨出来，怕小鸟不小心吃掉它，怕它醒来找不着我会害怕\"多可爱善良的小男孩！</span></p>\n<p><span style=\"font-size: 14px;\">我躺在柔软的土壤里，我的世界变得漆黑，但是我能听到小男孩每天跑过来看我的脚步声，听到他一遍一遍的问妈妈我什么时候能发芽，听到他跟我说悄悄话，听到他说喜欢天上的云，喜欢夜晚的星空，喜欢乖乖的邻家小女孩悠悠，不喜欢老欺负人的小男孩大熊&hellip;&hellip;慢慢的，我沉沉睡去。睡得好沉好香。有一天，我从睡眠里醒来，伸了一个大大的懒腰&mdash;&mdash;天啦！整个明媚的世界展现在我面前，阳光那么温暖，风儿那么温柔，很快我就听到小男孩欢呼雀跃的声音：\"妈妈妈妈，快看呀，发芽了发芽了\"小男孩扑闪着他的大眼睛前后左右的看着我，用他的小手小心翼翼的摸摸我：\"噢，妈妈，你看它多可爱啊，多小啊，我好喜欢它，我要好好保护它\"小男孩更频繁的来看我，跟我说悄悄话，给我浇水，虽然有时候，我已经被水撑得不行了，但看到他热切的期盼我长大的目光，我还是努力的生长着。</span></p>\n<p><span style=\"font-size: 14px;\">终于，我结出花骨朵了。小男孩更频繁的来看我，甚至有一次，在我身边，趴着睡着了。她的妈妈轻轻把他抱起，放回他的小床上。他还在呢喃：\"万一我的花开了，我看不见怎么办\"</span></p>\n<p><span style=\"font-size: 14px;\">我一天天饱满起来，生命真是奇迹&mdash;&mdash;这是一个星空那么美丽的夜晚，月牙低垂，空气里弥散着生命清澈鲜甜的味道。我知道我就要绽放了。男孩正香甜的睡着，我潜入他的梦中，整个星空在他的头顶，一伸手似乎就能把月牙摘下来，男孩被美丽的景色惊呆了，仰头望着星空，又看看我，满是亮晶晶的触动与喜悦&hellip;&hellip;在一片叮当响的星光下，我绽放了，是轻轻的柔柔的香槟色，月光也弥散淡淡的清香，一切是那么的美好和谐&hellip;&hellip;</span></p>\n<p><strong><a id=\"gain\"></a>活动收获</strong></p>\n<p><span style=\"font-size: 14px;\">第二天是男孩的骄傲日。这座城镇还没有香槟色的玫瑰，那么多的人来看我，小男孩兴奋得小脸都通红了。我感受到了那么多的友好的目光，听到了那么多的赞美，小男孩甚至在做礼拜的时候把我带到教堂，让更多的人看到我，让主也欣赏我的美丽，风琴声响起，赞美诗唱响，悠扬的钟声响起，世界那么的美好友爱。</span></p>\n<p><span style=\"font-size: 14px;\">我很喜欢我的结局&mdash;&mdash;多年后，香槟色的玫瑰遍布小镇，花园，阳台，小道，整个小镇更加的美好，弥漫友好亲切的清香。人们更爱笑了，小孩子在这个美丽的城镇茁壮成长。</span></p>\n<p><a id=\"footer\"></a><strong style=\"color:red;\"><i>活动底部</i></strong></p>", let content1 = this.activeInfo.admissionsBrochure;
previousActivities: let content2 = this.activeInfo.previousActivities;
"<p><span style=\"font-size: 14px;\">从媒体上我了解到，在距贵州黔东南台江县城16公里、海拔1200-1500米的地方，有一个约6万亩的草场，叫红阳草常整个草场绵延起伏、苍翠碧绿、气势磅礴，传说曾经是苗族起义领袖包利王、张秀眉和平西王吴三桂转战、屯兵的地方。基于一种好奇和对英雄的崇敬，我总想找个时机约会它，一来欣赏其风姿绰约，二来凭吊英雄。但这种期望一直没有实现。</span></p>\n<p><span style=\"font-size: 14px;\">登红阳，我们一行10余人，乘坐的是中型巴士，向导由台江县人大常委会的余光祥副主任担当。当巴士离开了台江县城，驶入红阳村辖区，便开始循着蜿蜒的柏油公路，穿行于大山之中。大山深处，翠木葱茏，粗壮的杉树、枞树等乔木，几乎遮天蔽日。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"jiangzuo\"></a><span style=\"color: #000000;\">讲座分享</span></strong></span></p>\n<p><span style=\"font-size: 14px;\">风带我去过很多地方，有淙淙的溪流，有飞跃的峡谷，有灿烂的花河，有葱绿的草地&hellip;&hellip;现在，我躺在一个蓝色湖畔的沙滩上，每天，有那么多的动物来湖边喝水，老虎、狮子、猎豹、羚羊、梅花鹿、兔子&hellip;&hellip;还有小蚂蚁匆匆爬过，小蚯蚓挠我的痒痒，蝴蝶翩然表演舞蹈 ,蜜蜂得意的驾着它的小飞机轰鸣而过，一切，是那么的美好谐和&hellip;&hellip;</span></p>\n<p><span style=\"font-size: 14px;\">一天，一只五色鸟在我的头顶歌唱，歌唱大森林，歌唱大森林外的世界，歌唱美丽的城镇，歌唱教堂的钟声，歌唱城镇的人们，歌唱孩子的欢笑&mdash;&mdash;我想，我要开始新的旅行&mdash;&mdash;五色鸟在沙滩休息的时候，我借助风躲进它的翅膀。</span></p>\n<p><span style=\"font-size: 14px;\">我开始飞翔，越过森林，越过高山，越过峡谷，越过河流，飞了好远好远，我看到地面，像五色鸟说的有着红屋顶的房屋，高高的钟塔，错落有致的小花园。一切，是那么的新奇！我开始降落，伴随我快乐兴奋蹦跳的心&mdash;&mdash;一个男孩正仰头看天上的云，他有那么清澈明亮的大眼睛，我落在了他的脸上，他把我捧在手心，噢，他的眼睛像森林的湖泊一样，那么的清澈。\"妈妈妈妈，这是什么？\"小男孩奔跑着问妈妈。\"孩子，这应该是一颗花的种子\"小男孩妈妈微笑着回答，是那么的温柔。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"huibao\"></a>小组汇报</strong></span></p>\n<p><span style=\"font-size: 14px;\">于是，我有了新的家。小男孩找来一个白色的花盆，装上黑褐色的泥土，小心翼翼的把我放进去。\"孩子，你为什么不把它种在花园里\"妈妈笑着问。\"噢，妈妈，我要放在我的阳台上，我要每天看着它照顾它，我怕狗狗伤害它，怕猫咪不小心把它刨出来，怕小鸟不小心吃掉它，怕它醒来找不着我会害怕\"多可爱善良的小男孩！</span></p>\n<p><span style=\"font-size: 14px;\">我躺在柔软的土壤里，我的世界变得漆黑，但是我能听到小男孩每天跑过来看我的脚步声，听到他一遍一遍的问妈妈我什么时候能发芽，听到他跟我说悄悄话，听到他说喜欢天上的云，喜欢夜晚的星空，喜欢乖乖的邻家小女孩悠悠，不喜欢老欺负人的小男孩大熊&hellip;&hellip;慢慢的，我沉沉睡去。睡得好沉好香。有一天，我从睡眠里醒来，伸了一个大大的懒腰&mdash;&mdash;天啦！整个明媚的世界展现在我面前，阳光那么温暖，风儿那么温柔，很快我就听到小男孩欢呼雀跃的声音：\"妈妈妈妈，快看呀，发芽了发芽了\"小男孩扑闪着他的大眼睛前后左右的看着我，用他的小手小心翼翼的摸摸我：\"噢，妈妈，你看它多可爱啊，多小啊，我好喜欢它，我要好好保护它\"小男孩更频繁的来看我，跟我说悄悄话，给我浇水，虽然有时候，我已经被水撑得不行了，但看到他热切的期盼我长大的目光，我还是努力的生长着。</span></p>\n<p><span style=\"font-size: 14px;\">终于，我结出花骨朵了。小男孩更频繁的来看我，甚至有一次，在我身边，趴着睡着了。她的妈妈轻轻把他抱起，放回他的小床上。他还在呢喃：\"万一我的花开了，我看不见怎么办\"</span></p>\n<p><span style=\"font-size: 14px;\">我一天天饱满起来，生命真是奇迹&mdash;&mdash;这是一个星空那么美丽的夜晚，月牙低垂，空气里弥散着生命清澈鲜甜的味道。我知道我就要绽放了。男孩正香甜的睡着，我潜入他的梦中，整个星空在他的头顶，一伸手似乎就能把月牙摘下来，男孩被美丽的景色惊呆了，仰头望着星空，又看看我，满是亮晶晶的触动与喜悦&hellip;&hellip;在一片叮当响的星光下，我绽放了，是轻轻的柔柔的香槟色，月光也弥散淡淡的清香，一切是那么的美好和谐&hellip;&hellip;</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"ganxie\"></a>学生感谢</strong></span></p>\n<p><span style=\"font-size: 14px;\">第二天是男孩的骄傲日。这座城镇还没有香槟色的玫瑰，那么多的人来看我，小男孩兴奋得小脸都通红了。我感受到了那么多的友好的目光，听到了那么多的赞美，小男孩甚至在做礼拜的时候把我带到教堂，让更多的人看到我，让主也欣赏我的美丽，风琴声响起，赞美诗唱响，悠扬的钟声响起，世界那么的美好友爱。</span></p>\n<p><span style=\"font-size: 14px;\">我很喜欢我的结局&mdash;&mdash;多年后，香槟色的玫瑰遍布小镇，花园，阳台，小道，整个小镇更加的美好，弥漫友好亲切的清香。人们更爱笑了，小孩子在这个美丽的城镇茁壮成长。</span></p>", this.anchorList = this.getAnchor(content1);
} this.anchorList2 = this.getAnchor(content2);
this.questionList = [ this.minHeight = this.$refs['RightArea'].offsetHeight;
{ }, 100)
ask: '问题1',
answer: '答案1',
},
{
ask: '问题2',
answer: '答案2',
},
{
ask: '问题3',
answer: '答案3',
},
]
if (this.type == 'current') {
this.backList = [
{
id: 1,
cover: 'http://campiste.oss-cn-beijing.aliyuncs.com/image/png/20230912/ddf982eb228142c4a2d8b765fd263073.png',
label: '线上',
name: '2023年寒假历史营地1',
school: ['南开大学', '历史学', '大学生'],
beginTime: '2023-09-01',
endTime: '2023-09-03',
days: '3',
bmEndTime: '2023-08-31',
free: 6000,
studentRecruitmentBrochure: "<p><span style=\"font-size: 14px;\">从媒体上我了解到，在距贵州黔东南台江县城16公里、海拔1200-1500米的地方，有一个约6万亩的草场，叫红阳草常整个草场绵延起伏、苍翠碧绿、气势磅礴，传说曾经是苗族起义领袖包利王、张秀眉和平西王吴三桂转战、屯兵的地方。基于一种好奇和对英雄的崇敬，我总想找个时机约会它，一来欣赏其风姿绰约，二来凭吊英雄。但这种期望一直没有实现。</span></p>\n<h6 style=\"text-align: left;\"><span style=\"background-color: #f1c40f; color: #e03e2d;\"><em><strong><span style=\"text-decoration: underline;\"><span style=\"font-size: 14px; background-color: #f1c40f;\"><a id=\"base\"></a>而真正促使我走进草场，是7月1日这天。因党的92岁生日，单位组织登红阳活动，办公室的周副主任电话问我能否参加？我欣然应允。</span></span></strong></em></span></h6>\n<p><span style=\"font-size: 14px;\">登红阳，我们一行10余人，乘坐的是中型巴士，向导由台江县人大常委会的余光祥副主任担当。当巴士离开了台江县城，驶入红阳村辖区，便开始循着蜿蜒的柏油公路，穿行于大山之中。大山深处，翠木葱茏，粗壮的杉树、枞树等乔木，几乎遮天蔽日。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"introduction\"></a>活动介绍</strong></span></p>\n<p><span style=\"font-size: 14px;\">风带我去过很多地方，有淙淙的溪流，有飞跃的峡谷，有灿烂的花河，有葱绿的草地&hellip;&hellip;现在，我躺在一个蓝色湖畔的沙滩上，每天，有那么多的动物来湖边喝水，老虎、狮子、猎豹、羚羊、梅花鹿、兔子&hellip;&hellip;还有小蚂蚁匆匆爬过，小蚯蚓挠我的痒痒，蝴蝶翩然表演舞蹈 ,蜜蜂得意的驾着它的小飞机轰鸣而过，一切，是那么的美好谐和&hellip;&hellip;</span></p>\n<p><span style=\"font-size: 14px;\">一天，一只五色鸟在我的头顶歌唱，歌唱大森林，歌唱大森林外的世界，歌唱美丽的城镇，歌唱教堂的钟声，歌唱城镇的人们，歌唱孩子的欢笑&mdash;&mdash;我想，我要开始新的旅行&mdash;&mdash;五色鸟在沙滩休息的时候，我借助风躲进它的翅膀。</span></p>\n<p><span style=\"font-size: 14px;\">我开始飞翔，越过森林，越过高山，越过峡谷，越过河流，飞了好远好远，我看到地面，像五色鸟说的有着红屋顶的房屋，高高的钟塔，错落有致的小花园。一切，是那么的新奇！我开始降落，伴随我快乐兴奋蹦跳的心&mdash;&mdash;一个男孩正仰头看天上的云，他有那么清澈明亮的大眼睛，我落在了他的脸上，他把我捧在手心，噢，他的眼睛像森林的湖泊一样，那么的清澈。\"妈妈妈妈，这是什么？\"小男孩奔跑着问妈妈。\"孩子，这应该是一颗花的种子\"小男孩妈妈微笑着回答，是那么的温柔。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"plan\"></a>活动安排</strong></span></p>\n<p><span style=\"font-size: 14px;\">于是，我有了新的家。小男孩找来一个白色的花盆，装上黑褐色的泥土，小心翼翼的把我放进去。\"孩子，你为什么不把它种在花园里\"妈妈笑着问。\"噢，妈妈，我要放在我的阳台上，我要每天看着它照顾它，我怕狗狗伤害它，怕猫咪不小心把它刨出来，怕小鸟不小心吃掉它，怕它醒来找不着我会害怕\"多可爱善良的小男孩！</span></p>\n<p><span style=\"font-size: 14px;\">我躺在柔软的土壤里，我的世界变得漆黑，但是我能听到小男孩每天跑过来看我的脚步声，听到他一遍一遍的问妈妈我什么时候能发芽，听到他跟我说悄悄话，听到他说喜欢天上的云，喜欢夜晚的星空，喜欢乖乖的邻家小女孩悠悠，不喜欢老欺负人的小男孩大熊&hellip;&hellip;慢慢的，我沉沉睡去。睡得好沉好香。有一天，我从睡眠里醒来，伸了一个大大的懒腰&mdash;&mdash;天啦！整个明媚的世界展现在我面前，阳光那么温暖，风儿那么温柔，很快我就听到小男孩欢呼雀跃的声音：\"妈妈妈妈，快看呀，发芽了发芽了\"小男孩扑闪着他的大眼睛前后左右的看着我，用他的小手小心翼翼的摸摸我：\"噢，妈妈，你看它多可爱啊，多小啊，我好喜欢它，我要好好保护它\"小男孩更频繁的来看我，跟我说悄悄话，给我浇水，虽然有时候，我已经被水撑得不行了，但看到他热切的期盼我长大的目光，我还是努力的生长着。</span></p>\n<p><span style=\"font-size: 14px;\">终于，我结出花骨朵了。小男孩更频繁的来看我，甚至有一次，在我身边，趴着睡着了。她的妈妈轻轻把他抱起，放回他的小床上。他还在呢喃：\"万一我的花开了，我看不见怎么办\"</span></p>\n<p><span style=\"font-size: 14px;\">我一天天饱满起来，生命真是奇迹&mdash;&mdash;这是一个星空那么美丽的夜晚，月牙低垂，空气里弥散着生命清澈鲜甜的味道。我知道我就要绽放了。男孩正香甜的睡着，我潜入他的梦中，整个星空在他的头顶，一伸手似乎就能把月牙摘下来，男孩被美丽的景色惊呆了，仰头望着星空，又看看我，满是亮晶晶的触动与喜悦&hellip;&hellip;在一片叮当响的星光下，我绽放了，是轻轻的柔柔的香槟色，月光也弥散淡淡的清香，一切是那么的美好和谐&hellip;&hellip;</span></p>\n<p><strong><a id=\"gain\"></a>活动收获</strong></p>\n<p><span style=\"font-size: 14px;\">第二天是男孩的骄傲日。这座城镇还没有香槟色的玫瑰，那么多的人来看我，小男孩兴奋得小脸都通红了。我感受到了那么多的友好的目光，听到了那么多的赞美，小男孩甚至在做礼拜的时候把我带到教堂，让更多的人看到我，让主也欣赏我的美丽，风琴声响起，赞美诗唱响，悠扬的钟声响起，世界那么的美好友爱。</span></p>\n<p><span style=\"font-size: 14px;\">我很喜欢我的结局&mdash;&mdash;多年后，香槟色的玫瑰遍布小镇，花园，阳台，小道，整个小镇更加的美好，弥漫友好亲切的清香。人们更爱笑了，小孩子在这个美丽的城镇茁壮成长。</span></p>\n<p><a id=\"footer\"></a><strong style=\"color:red;\"><i>活动底部</i></strong></p>"
},
{
id: 2,
cover: 'http://campiste.oss-cn-beijing.aliyuncs.com/image/png/20230912/ddf982eb228142c4a2d8b765fd263073.png',
label: '线上',
name: '2023年寒假历史营地2',
school: ['南开大学', '历史学', '大学生'],
beginTime: '2023-09-01',
endTime: '2023-09-03',
days: '3',
bmEndTime: '2023-08-31',
free: 6000,
studentRecruitmentBrochure: "<p><span style=\"font-size: 14px;\">从媒体上我了解到，在距贵州黔东南台江县城16公里、海拔1200-1500米的地方，有一个约6万亩的草场，叫红阳草常整个草场绵延起伏、苍翠碧绿、气势磅礴，传说曾经是苗族起义领袖包利王、张秀眉和平西王吴三桂转战、屯兵的地方。基于一种好奇和对英雄的崇敬，我总想找个时机约会它，一来欣赏其风姿绰约，二来凭吊英雄。但这种期望一直没有实现。</span></p>\n<h6 style=\"text-align: left;\"><span style=\"background-color: #f1c40f; color: #e03e2d;\"><em><strong><span style=\"text-decoration: underline;\"><span style=\"font-size: 14px; background-color: #f1c40f;\"><a id=\"base\"></a>而真正促使我走进草场，是7月1日这天。因党的92岁生日，单位组织登红阳活动，办公室的周副主任电话问我能否参加？我欣然应允。</span></span></strong></em></span></h6>\n<p><span style=\"font-size: 14px;\">登红阳，我们一行10余人，乘坐的是中型巴士，向导由台江县人大常委会的余光祥副主任担当。当巴士离开了台江县城，驶入红阳村辖区，便开始循着蜿蜒的柏油公路，穿行于大山之中。大山深处，翠木葱茏，粗壮的杉树、枞树等乔木，几乎遮天蔽日。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"introduction\"></a>活动介绍</strong></span></p>\n<p><span style=\"font-size: 14px;\">风带我去过很多地方，有淙淙的溪流，有飞跃的峡谷，有灿烂的花河，有葱绿的草地&hellip;&hellip;现在，我躺在一个蓝色湖畔的沙滩上，每天，有那么多的动物来湖边喝水，老虎、狮子、猎豹、羚羊、梅花鹿、兔子&hellip;&hellip;还有小蚂蚁匆匆爬过，小蚯蚓挠我的痒痒，蝴蝶翩然表演舞蹈 ,蜜蜂得意的驾着它的小飞机轰鸣而过，一切，是那么的美好谐和&hellip;&hellip;</span></p>\n<p><span style=\"font-size: 14px;\">一天，一只五色鸟在我的头顶歌唱，歌唱大森林，歌唱大森林外的世界，歌唱美丽的城镇，歌唱教堂的钟声，歌唱城镇的人们，歌唱孩子的欢笑&mdash;&mdash;我想，我要开始新的旅行&mdash;&mdash;五色鸟在沙滩休息的时候，我借助风躲进它的翅膀。</span></p>\n<p><span style=\"font-size: 14px;\">我开始飞翔，越过森林，越过高山，越过峡谷，越过河流，飞了好远好远，我看到地面，像五色鸟说的有着红屋顶的房屋，高高的钟塔，错落有致的小花园。一切，是那么的新奇！我开始降落，伴随我快乐兴奋蹦跳的心&mdash;&mdash;一个男孩正仰头看天上的云，他有那么清澈明亮的大眼睛，我落在了他的脸上，他把我捧在手心，噢，他的眼睛像森林的湖泊一样，那么的清澈。\"妈妈妈妈，这是什么？\"小男孩奔跑着问妈妈。\"孩子，这应该是一颗花的种子\"小男孩妈妈微笑着回答，是那么的温柔。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"plan\"></a>活动安排</strong></span></p>\n<p><span style=\"font-size: 14px;\">于是，我有了新的家。小男孩找来一个白色的花盆，装上黑褐色的泥土，小心翼翼的把我放进去。\"孩子，你为什么不把它种在花园里\"妈妈笑着问。\"噢，妈妈，我要放在我的阳台上，我要每天看着它照顾它，我怕狗狗伤害它，怕猫咪不小心把它刨出来，怕小鸟不小心吃掉它，怕它醒来找不着我会害怕\"多可爱善良的小男孩！</span></p>\n<p><span style=\"font-size: 14px;\">我躺在柔软的土壤里，我的世界变得漆黑，但是我能听到小男孩每天跑过来看我的脚步声，听到他一遍一遍的问妈妈我什么时候能发芽，听到他跟我说悄悄话，听到他说喜欢天上的云，喜欢夜晚的星空，喜欢乖乖的邻家小女孩悠悠，不喜欢老欺负人的小男孩大熊&hellip;&hellip;慢慢的，我沉沉睡去。睡得好沉好香。有一天，我从睡眠里醒来，伸了一个大大的懒腰&mdash;&mdash;天啦！整个明媚的世界展现在我面前，阳光那么温暖，风儿那么温柔，很快我就听到小男孩欢呼雀跃的声音：\"妈妈妈妈，快看呀，发芽了发芽了\"小男孩扑闪着他的大眼睛前后左右的看着我，用他的小手小心翼翼的摸摸我：\"噢，妈妈，你看它多可爱啊，多小啊，我好喜欢它，我要好好保护它\"小男孩更频繁的来看我，跟我说悄悄话，给我浇水，虽然有时候，我已经被水撑得不行了，但看到他热切的期盼我长大的目光，我还是努力的生长着。</span></p>\n<p><span style=\"font-size: 14px;\">终于，我结出花骨朵了。小男孩更频繁的来看我，甚至有一次，在我身边，趴着睡着了。她的妈妈轻轻把他抱起，放回他的小床上。他还在呢喃：\"万一我的花开了，我看不见怎么办\"</span></p>\n<p><span style=\"font-size: 14px;\">我一天天饱满起来，生命真是奇迹&mdash;&mdash;这是一个星空那么美丽的夜晚，月牙低垂，空气里弥散着生命清澈鲜甜的味道。我知道我就要绽放了。男孩正香甜的睡着，我潜入他的梦中，整个星空在他的头顶，一伸手似乎就能把月牙摘下来，男孩被美丽的景色惊呆了，仰头望着星空，又看看我，满是亮晶晶的触动与喜悦&hellip;&hellip;在一片叮当响的星光下，我绽放了，是轻轻的柔柔的香槟色，月光也弥散淡淡的清香，一切是那么的美好和谐&hellip;&hellip;</span></p>\n<p><strong><a id=\"gain\"></a>活动收获</strong></p>\n<p><span style=\"font-size: 14px;\">第二天是男孩的骄傲日。这座城镇还没有香槟色的玫瑰，那么多的人来看我，小男孩兴奋得小脸都通红了。我感受到了那么多的友好的目光，听到了那么多的赞美，小男孩甚至在做礼拜的时候把我带到教堂，让更多的人看到我，让主也欣赏我的美丽，风琴声响起，赞美诗唱响，悠扬的钟声响起，世界那么的美好友爱。</span></p>\n<p><span style=\"font-size: 14px;\">我很喜欢我的结局&mdash;&mdash;多年后，香槟色的玫瑰遍布小镇，花园，阳台，小道，整个小镇更加的美好，弥漫友好亲切的清香。人们更爱笑了，小孩子在这个美丽的城镇茁壮成长。</span></p>\n<p><a id=\"footer\"></a><strong style=\"color:red;\"><i>活动底部</i></strong></p>"
}
]
} else if (this.type == 'previous') {
this.nowList = [
{
id: 3,
cover: 'http://campiste.oss-cn-beijing.aliyuncs.com/image/png/20230912/ddf982eb228142c4a2d8b765fd263073.png',
label: '线上',
name: '2023年寒假历史营地3',
school: ['南开大学', '历史学', '大学生'],
beginTime: '2023-09-01',
endTime: '2023-09-03',
days: '3',
bmEndTime: '2023-08-31',
free: 6000,
studentRecruitmentBrochure: "<p><span style=\"font-size: 14px;\">从媒体上我了解到，在距贵州黔东南台江县城16公里、海拔1200-1500米的地方，有一个约6万亩的草场，叫红阳草常整个草场绵延起伏、苍翠碧绿、气势磅礴，传说曾经是苗族起义领袖包利王、张秀眉和平西王吴三桂转战、屯兵的地方。基于一种好奇和对英雄的崇敬，我总想找个时机约会它，一来欣赏其风姿绰约，二来凭吊英雄。但这种期望一直没有实现。</span></p>\n<h6 style=\"text-align: left;\"><span style=\"background-color: #f1c40f; color: #e03e2d;\"><em><strong><span style=\"text-decoration: underline;\"><span style=\"font-size: 14px; background-color: #f1c40f;\"><a id=\"base\"></a>而真正促使我走进草场，是7月1日这天。因党的92岁生日，单位组织登红阳活动，办公室的周副主任电话问我能否参加？我欣然应允。</span></span></strong></em></span></h6>\n<p><span style=\"font-size: 14px;\">登红阳，我们一行10余人，乘坐的是中型巴士，向导由台江县人大常委会的余光祥副主任担当。当巴士离开了台江县城，驶入红阳村辖区，便开始循着蜿蜒的柏油公路，穿行于大山之中。大山深处，翠木葱茏，粗壮的杉树、枞树等乔木，几乎遮天蔽日。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"introduction\"></a>活动介绍</strong></span></p>\n<p><span style=\"font-size: 14px;\">风带我去过很多地方，有淙淙的溪流，有飞跃的峡谷，有灿烂的花河，有葱绿的草地&hellip;&hellip;现在，我躺在一个蓝色湖畔的沙滩上，每天，有那么多的动物来湖边喝水，老虎、狮子、猎豹、羚羊、梅花鹿、兔子&hellip;&hellip;还有小蚂蚁匆匆爬过，小蚯蚓挠我的痒痒，蝴蝶翩然表演舞蹈 ,蜜蜂得意的驾着它的小飞机轰鸣而过，一切，是那么的美好谐和&hellip;&hellip;</span></p>\n<p><span style=\"font-size: 14px;\">一天，一只五色鸟在我的头顶歌唱，歌唱大森林，歌唱大森林外的世界，歌唱美丽的城镇，歌唱教堂的钟声，歌唱城镇的人们，歌唱孩子的欢笑&mdash;&mdash;我想，我要开始新的旅行&mdash;&mdash;五色鸟在沙滩休息的时候，我借助风躲进它的翅膀。</span></p>\n<p><span style=\"font-size: 14px;\">我开始飞翔，越过森林，越过高山，越过峡谷，越过河流，飞了好远好远，我看到地面，像五色鸟说的有着红屋顶的房屋，高高的钟塔，错落有致的小花园。一切，是那么的新奇！我开始降落，伴随我快乐兴奋蹦跳的心&mdash;&mdash;一个男孩正仰头看天上的云，他有那么清澈明亮的大眼睛，我落在了他的脸上，他把我捧在手心，噢，他的眼睛像森林的湖泊一样，那么的清澈。\"妈妈妈妈，这是什么？\"小男孩奔跑着问妈妈。\"孩子，这应该是一颗花的种子\"小男孩妈妈微笑着回答，是那么的温柔。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"plan\"></a>活动安排</strong></span></p>\n<p><span style=\"font-size: 14px;\">于是，我有了新的家。小男孩找来一个白色的花盆，装上黑褐色的泥土，小心翼翼的把我放进去。\"孩子，你为什么不把它种在花园里\"妈妈笑着问。\"噢，妈妈，我要放在我的阳台上，我要每天看着它照顾它，我怕狗狗伤害它，怕猫咪不小心把它刨出来，怕小鸟不小心吃掉它，怕它醒来找不着我会害怕\"多可爱善良的小男孩！</span></p>\n<p><span style=\"font-size: 14px;\">我躺在柔软的土壤里，我的世界变得漆黑，但是我能听到小男孩每天跑过来看我的脚步声，听到他一遍一遍的问妈妈我什么时候能发芽，听到他跟我说悄悄话，听到他说喜欢天上的云，喜欢夜晚的星空，喜欢乖乖的邻家小女孩悠悠，不喜欢老欺负人的小男孩大熊&hellip;&hellip;慢慢的，我沉沉睡去。睡得好沉好香。有一天，我从睡眠里醒来，伸了一个大大的懒腰&mdash;&mdash;天啦！整个明媚的世界展现在我面前，阳光那么温暖，风儿那么温柔，很快我就听到小男孩欢呼雀跃的声音：\"妈妈妈妈，快看呀，发芽了发芽了\"小男孩扑闪着他的大眼睛前后左右的看着我，用他的小手小心翼翼的摸摸我：\"噢，妈妈，你看它多可爱啊，多小啊，我好喜欢它，我要好好保护它\"小男孩更频繁的来看我，跟我说悄悄话，给我浇水，虽然有时候，我已经被水撑得不行了，但看到他热切的期盼我长大的目光，我还是努力的生长着。</span></p>\n<p><span style=\"font-size: 14px;\">终于，我结出花骨朵了。小男孩更频繁的来看我，甚至有一次，在我身边，趴着睡着了。她的妈妈轻轻把他抱起，放回他的小床上。他还在呢喃：\"万一我的花开了，我看不见怎么办\"</span></p>\n<p><span style=\"font-size: 14px;\">我一天天饱满起来，生命真是奇迹&mdash;&mdash;这是一个星空那么美丽的夜晚，月牙低垂，空气里弥散着生命清澈鲜甜的味道。我知道我就要绽放了。男孩正香甜的睡着，我潜入他的梦中，整个星空在他的头顶，一伸手似乎就能把月牙摘下来，男孩被美丽的景色惊呆了，仰头望着星空，又看看我，满是亮晶晶的触动与喜悦&hellip;&hellip;在一片叮当响的星光下，我绽放了，是轻轻的柔柔的香槟色，月光也弥散淡淡的清香，一切是那么的美好和谐&hellip;&hellip;</span></p>\n<p><strong><a id=\"gain\"></a>活动收获</strong></p>\n<p><span style=\"font-size: 14px;\">第二天是男孩的骄傲日。这座城镇还没有香槟色的玫瑰，那么多的人来看我，小男孩兴奋得小脸都通红了。我感受到了那么多的友好的目光，听到了那么多的赞美，小男孩甚至在做礼拜的时候把我带到教堂，让更多的人看到我，让主也欣赏我的美丽，风琴声响起，赞美诗唱响，悠扬的钟声响起，世界那么的美好友爱。</span></p>\n<p><span style=\"font-size: 14px;\">我很喜欢我的结局&mdash;&mdash;多年后，香槟色的玫瑰遍布小镇，花园，阳台，小道，整个小镇更加的美好，弥漫友好亲切的清香。人们更爱笑了，小孩子在这个美丽的城镇茁壮成长。</span></p>\n<p><a id=\"footer\"></a><strong style=\"color:red;\"><i>活动底部</i></strong></p>"
},
{
id: 4,
cover: 'http://campiste.oss-cn-beijing.aliyuncs.com/image/png/20230912/ddf982eb228142c4a2d8b765fd263073.png',
label: '线上',
name: '2023年寒假历史营地4',
school: ['南开大学', '历史学', '大学生'],
beginTime: '2023-09-01',
endTime: '2023-09-03',
days: '3',
bmEndTime: '2023-08-31',
free: 6000,
studentRecruitmentBrochure: "<p><span style=\"font-size: 14px;\">从媒体上我了解到，在距贵州黔东南台江县城16公里、海拔1200-1500米的地方，有一个约6万亩的草场，叫红阳草常整个草场绵延起伏、苍翠碧绿、气势磅礴，传说曾经是苗族起义领袖包利王、张秀眉和平西王吴三桂转战、屯兵的地方。基于一种好奇和对英雄的崇敬，我总想找个时机约会它，一来欣赏其风姿绰约，二来凭吊英雄。但这种期望一直没有实现。</span></p>\n<h6 style=\"text-align: left;\"><span style=\"background-color: #f1c40f; color: #e03e2d;\"><em><strong><span style=\"text-decoration: underline;\"><span style=\"font-size: 14px; background-color: #f1c40f;\"><a id=\"base\"></a>而真正促使我走进草场，是7月1日这天。因党的92岁生日，单位组织登红阳活动，办公室的周副主任电话问我能否参加？我欣然应允。</span></span></strong></em></span></h6>\n<p><span style=\"font-size: 14px;\">登红阳，我们一行10余人，乘坐的是中型巴士，向导由台江县人大常委会的余光祥副主任担当。当巴士离开了台江县城，驶入红阳村辖区，便开始循着蜿蜒的柏油公路，穿行于大山之中。大山深处，翠木葱茏，粗壮的杉树、枞树等乔木，几乎遮天蔽日。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"introduction\"></a>活动介绍</strong></span></p>\n<p><span style=\"font-size: 14px;\">风带我去过很多地方，有淙淙的溪流，有飞跃的峡谷，有灿烂的花河，有葱绿的草地&hellip;&hellip;现在，我躺在一个蓝色湖畔的沙滩上，每天，有那么多的动物来湖边喝水，老虎、狮子、猎豹、羚羊、梅花鹿、兔子&hellip;&hellip;还有小蚂蚁匆匆爬过，小蚯蚓挠我的痒痒，蝴蝶翩然表演舞蹈 ,蜜蜂得意的驾着它的小飞机轰鸣而过，一切，是那么的美好谐和&hellip;&hellip;</span></p>\n<p><span style=\"font-size: 14px;\">一天，一只五色鸟在我的头顶歌唱，歌唱大森林，歌唱大森林外的世界，歌唱美丽的城镇，歌唱教堂的钟声，歌唱城镇的人们，歌唱孩子的欢笑&mdash;&mdash;我想，我要开始新的旅行&mdash;&mdash;五色鸟在沙滩休息的时候，我借助风躲进它的翅膀。</span></p>\n<p><span style=\"font-size: 14px;\">我开始飞翔，越过森林，越过高山，越过峡谷，越过河流，飞了好远好远，我看到地面，像五色鸟说的有着红屋顶的房屋，高高的钟塔，错落有致的小花园。一切，是那么的新奇！我开始降落，伴随我快乐兴奋蹦跳的心&mdash;&mdash;一个男孩正仰头看天上的云，他有那么清澈明亮的大眼睛，我落在了他的脸上，他把我捧在手心，噢，他的眼睛像森林的湖泊一样，那么的清澈。\"妈妈妈妈，这是什么？\"小男孩奔跑着问妈妈。\"孩子，这应该是一颗花的种子\"小男孩妈妈微笑着回答，是那么的温柔。</span></p>\n<p><span style=\"font-size: 16px;\"><strong><a id=\"plan\"></a>活动安排</strong></span></p>\n<p><span style=\"font-size: 14px;\">于是，我有了新的家。小男孩找来一个白色的花盆，装上黑褐色的泥土，小心翼翼的把我放进去。\"孩子，你为什么不把它种在花园里\"妈妈笑着问。\"噢，妈妈，我要放在我的阳台上，我要每天看着它照顾它，我怕狗狗伤害它，怕猫咪不小心把它刨出来，怕小鸟不小心吃掉它，怕它醒来找不着我会害怕\"多可爱善良的小男孩！</span></p>\n<p><span style=\"font-size: 14px;\">我躺在柔软的土壤里，我的世界变得漆黑，但是我能听到小男孩每天跑过来看我的脚步声，听到他一遍一遍的问妈妈我什么时候能发芽，听到他跟我说悄悄话，听到他说喜欢天上的云，喜欢夜晚的星空，喜欢乖乖的邻家小女孩悠悠，不喜欢老欺负人的小男孩大熊&hellip;&hellip;慢慢的，我沉沉睡去。睡得好沉好香。有一天，我从睡眠里醒来，伸了一个大大的懒腰&mdash;&mdash;天啦！整个明媚的世界展现在我面前，阳光那么温暖，风儿那么温柔，很快我就听到小男孩欢呼雀跃的声音：\"妈妈妈妈，快看呀，发芽了发芽了\"小男孩扑闪着他的大眼睛前后左右的看着我，用他的小手小心翼翼的摸摸我：\"噢，妈妈，你看它多可爱啊，多小啊，我好喜欢它，我要好好保护它\"小男孩更频繁的来看我，跟我说悄悄话，给我浇水，虽然有时候，我已经被水撑得不行了，但看到他热切的期盼我长大的目光，我还是努力的生长着。</span></p>\n<p><span style=\"font-size: 14px;\">终于，我结出花骨朵了。小男孩更频繁的来看我，甚至有一次，在我身边，趴着睡着了。她的妈妈轻轻把他抱起，放回他的小床上。他还在呢喃：\"万一我的花开了，我看不见怎么办\"</span></p>\n<p><span style=\"font-size: 14px;\">我一天天饱满起来，生命真是奇迹&mdash;&mdash;这是一个星空那么美丽的夜晚，月牙低垂，空气里弥散着生命清澈鲜甜的味道。我知道我就要绽放了。男孩正香甜的睡着，我潜入他的梦中，整个星空在他的头顶，一伸手似乎就能把月牙摘下来，男孩被美丽的景色惊呆了，仰头望着星空，又看看我，满是亮晶晶的触动与喜悦&hellip;&hellip;在一片叮当响的星光下，我绽放了，是轻轻的柔柔的香槟色，月光也弥散淡淡的清香，一切是那么的美好和谐&hellip;&hellip;</span></p>\n<p><strong><a id=\"gain\"></a>活动收获</strong></p>\n<p><span style=\"font-size: 14px;\">第二天是男孩的骄傲日。这座城镇还没有香槟色的玫瑰，那么多的人来看我，小男孩兴奋得小脸都通红了。我感受到了那么多的友好的目光，听到了那么多的赞美，小男孩甚至在做礼拜的时候把我带到教堂，让更多的人看到我，让主也欣赏我的美丽，风琴声响起，赞美诗唱响，悠扬的钟声响起，世界那么的美好友爱。</span></p>\n<p><span style=\"font-size: 14px;\">我很喜欢我的结局&mdash;&mdash;多年后，香槟色的玫瑰遍布小镇，花园，阳台，小道，整个小镇更加的美好，弥漫友好亲切的清香。人们更爱笑了，小孩子在这个美丽的城镇茁壮成长。</span></p>\n<p><a id=\"footer\"></a><strong style=\"color:red;\"><i>活动底部</i></strong></p>"
}
]
}
setTimeout(() => {
let content1 = this.activeInfo.studentRecruitmentBrochure;
let content2 = this.activeInfo.previousActivities;
this.anchorList = this.getAnchor(content1);
this.anchorList2 = this.getAnchor(content2);
this.loading = false; this.loading = false;
}, 100) }).catch(err => {
console.log(err)
this.loading = false;
})
}, },
}, },
watch: { watch: {
'$route.params'(val) { '$route.params'(val) {
console.log(val) console.log(val)
if (val.type) {
this.type = val.type;
}
if (val.id) { if (val.id) {
this.id = val.id; this.id = val.id;
} }
...@@ -352,6 +333,7 @@ ...@@ -352,6 +333,7 @@
.active-info-cover { .active-info-cover {
flex: 1; flex: 1;
min-height: 250px;
max-height: 340px; max-height: 340px;
overflow: hidden; overflow: hidden;
border-radius: 4px; border-radius: 4px;
...@@ -409,20 +391,28 @@ ...@@ -409,20 +391,28 @@
.active-info-cont-txt1 { .active-info-cont-txt1 {
font-size: 16px; font-size: 16px;
line-height: 32px; line-height: 32px;
display: flex;
flex-flow: row;
align-items: center;
.sign { .sign-box {
padding: 0 10px; display: inline-block;
border-radius: 4px;
background-color: #eeeeee;
margin-right: 10px; margin-right: 10px;
&:last-child { &:last-child {
margin: 0; margin-right: 0;
}
.sign {
display: inline-block;
padding: 0 10px;
border-radius: 4px;
background-color: #eeeeee;
margin: 5px 10px 5px 0;
&:last-child {
margin-right: 0;
}
} }
} }
} }
.active-info-cont-txt2 { .active-info-cont-txt2 {
...@@ -548,6 +538,7 @@ ...@@ -548,6 +538,7 @@
.center-area-cont { .center-area-cont {
padding: 20px 30px; padding: 20px 30px;
min-height: 238px;
} }
} }
...@@ -644,12 +635,26 @@ ...@@ -644,12 +635,26 @@
color: #999999; color: #999999;
} }
.sign { &.color_3 {
color: #EC808D;
}
.sign-box {
display: inline-block; display: inline-block;
padding: 0 10px;
border-radius: 4px; .sign {
background-color: #eeeeee; display: inline-block;
padding: 0 10px;
border-radius: 4px;
background-color: #eeeeee;
margin: 2px 4px 2px 0;
&:last-child {
margin-right: 0;
}
}
} }
} }
} }
......
src/views/base/home/Home.vue
View file @ 5f3852f9
...@@ -32,10 +32,23 @@ ...@@ -32,10 +32,23 @@
</div> </div>
<div class="title">{{item.name}}</div> <div class="title">{{item.name}}</div>
</div> </div>
<div class="active-list-item-cont-txt1">{{item.schoolName}} | {{item.subjectName}}</div> <div class="active-list-item-cont-txt1">
<div class="active-list-item-cont-txt2">{{item.activityStartTime}} （共{{item.activityTime}}天）</div> <div class="sign-box" v-if="item.schoolName">
<div class="active-list-item-cont-txt3">报名截止时间：{{item.bmEndTime}}</div> <div class="sign"
<div class="active-list-item-cont-bottom" @click="$router.push('/active/current/'+item.id)"> v-for="(item2, index2) in item.schoolName.split(',')"
:key="index2">{{item2}}
</div>
</div>
<div class="sign-box" v-if="item.subjectName">
<div class="sign"
v-for="(item2, index2) in item.subjectName.split(',')"
:key="index2">{{item2}}
</div>
</div>
</div>
<div class="active-list-item-cont-txt2">{{formatYMD(item.activityStartTime)}} （共{{item.activityTime}}天）</div>
<div class="active-list-item-cont-txt3">报名截止时间：{{formatYMDChina(item.bmEndTime)}}</div>
<div class="active-list-item-cont-bottom" @click="$router.push('/active/'+item.id)">
<div>查看详情</div> <div>查看详情</div>
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</div> </div>
...@@ -105,7 +118,7 @@ ...@@ -105,7 +118,7 @@
}], }],
activeList: [ activeList: [
{ {
id: 1, id: 21,
activityCover: img, activityCover: img,
activityLabel: '线上', activityLabel: '线上',
name: '2023年寒假历史营地', name: '2023年寒假历史营地',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment