74 lines
3.2 KiB
HTML
74 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/swiper.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<script src="js/rem.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app" v-cloak>
|
|
<div class="activity-slide">
|
|
<div class="swiper mySwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide" v-for="item in activityDetail.activityImage">
|
|
<a href="javascript: void(0);">
|
|
<img :src="requestUrl + 'culturalactivity/route/file/downloadfile/true/' + item" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="activity-detail">
|
|
<h3>{{activityDetail.activityTitle}}</h3>
|
|
<p class="activity-time">{{activityDetail.activityApplyStartTime}}至{{activityDetail.activityApplyEndTime}}</p>
|
|
<p class="activity-people"><span>活动人数：</span>{{activityDetail.activityUserNum}}人</p>
|
|
<p class="activity-address"><span>活动地址：</span>{{activityDetail.activityAddress}}</p>
|
|
<h4>活动详情</h4>
|
|
<div class="activity-detail-container" v-html="activityDetail.activityDetails"></div>
|
|
<h4>活动单位</h4>
|
|
<p><span>主办单位：</span>{{activityDetail.activitySponsor}}</p>
|
|
<p><span>承办单位：</span>{{activityDetail.activityOrganizer}}</p>
|
|
<p><span>协办单位：</span>{{activityDetail.activityCoOrganizer}}</p>
|
|
</div>
|
|
</div>
|
|
<script src="js/vue.js"></script>
|
|
<script src="js/jquery-2.1.4.min.js"></script>
|
|
<script src="js/ajax.js"></script>
|
|
<script src="js/swiper.js"></script>
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
requestUrl: 'http://219.159.20.131:8081/',
|
|
activityId: '',
|
|
activityDetail: {}
|
|
},
|
|
methods: {
|
|
getActivityDetail: function () {
|
|
var self = this
|
|
doGetForm(self.requestUrl + 'culturalactivity/app/activitylibrary/getactivitylibrarybyidrelease/' + self.activityId, {}, {}, function (code, data) {
|
|
console.log(data)
|
|
data.activityImage = data.activityImage.split(',')
|
|
self.activityDetail = data
|
|
self.$nextTick(function () {
|
|
var swiper = new Swiper(".mySwiper", {
|
|
pagination: '.swiper-pagination',
|
|
paginationClickable: true,
|
|
autoplay: 3000
|
|
});
|
|
})
|
|
})
|
|
}
|
|
},
|
|
mounted: function () {
|
|
this.activityId = window.location.search.replace('?','').split('=')[1]
|
|
this.getActivityDetail()
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |