Skip to content

严立 / mini-shimao

Go to a project
Commit 89b09175 by wjw
Options

ww-电影接口

parent 8530a62f
Inline Side-by-side
Showing with 187 additions and 201 deletions
pages/play/movie-detail/movie-detail.js
let App = getApp()
Page({ Page({
data: { data: {
movieName: '龙猫',
bannerIndex: 0, bannerIndex: 0,
bannerStyle: 1, bannerStyle: 1,
isMovieEnd: false, isMovieEnd: false,
banner: [
{
id: 0,
img: ''
},
{
id: 1,
img: ''
},
{
id: 2,
img: ''
}
],
statusActive: 0, statusActive: 0,
statusList: [ statusList: [],
{ 'id': 0, 'name': '今日08月12日' }, movieInfo: {},
{ 'id': 1, 'name': '明日08月13日' }, showList: {},
],
movieInfo: {
name: '龙猫',
cover: '',
type: '动画 / 奇幻 / 冒险',
director: '宫崎骏',
dimensional: '5D',
actor: '日高法子 坂本千夏 糸井重里 岛本须美 北林谷荣 高木均 雨笠利 雨笠利'
},
showList: {
0: [
{
id: 0,
timeStart: '09:00',
timeEnd: '11:35散场',
free: '免费' free: '免费'
}, },
{ onLoad: function (options) {
id: 1, let activityId = options.id
timeStart: '13:00', App.wxRequest({
timeEnd: '15:35散场', url: '/api/v1/film/getFilmDetail',
free: '免费' data: {
'activityId': activityId,
},
success: (response) => {
let movieInfo = response.data
let showList = {}
showList[0] = movieInfo.today
showList[1] = movieInfo.tomorrow
this.setData({
movieInfo,
showList
})
} }
], })
1: [ this.getNowTime()
{
id: 0,
timeStart: '1',
timeEnd: '1',
free: '免费'
}, },
{ // 获取标签日期
id: 1, getNowTime: function () {
timeStart: '1', let now = new Date()
timeEnd: '1', let month = now.getMonth() + 1
free: '免费' let day = now.getDate()
if (month < 10) {
month = '0' + month
} }
] if (day < 10) {
day = '0' + day
} }
console.log(month, day)
this.setData({
statusList: [
{ 'id': 0, 'name': `今日${month}月${day}日`},
{ 'id': 1, 'name': `今日${month}月${day+1}日`},
],
})
}, },
onLoad: function (options) { // 选择标签页日期
},
onSelectionStatus: function (event) { onSelectionStatus: function (event) {
console.log(event.currentTarget.dataset.type) console.log(event.currentTarget.dataset.type)
this.setData({ this.setData({
......
pages/play/movie-detail/movie-detail.wxml
...@@ -3,10 +3,9 @@ ...@@ -3,10 +3,9 @@
<view class="container"> <view class="container">
<view class="banner"> <view class="banner">
<swiper autoplay circular class="banner-swiper" indicator-dots="{{false}}" interval="5000" duration="500" bindchange="onSwiperChange"> <swiper autoplay circular class="banner-swiper" indicator-dots="{{false}}" interval="5000" duration="500" bindchange="onSwiperChange">
<block wx:for="{{banner}}" wx:for-index="index" wx:for-item="item" wx:key="index"> <block wx:for="{{movieInfo.banners}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<swiper-item class="banner-swiper-item" data-item="{{item}}" bindtap="bannerClick"> <swiper-item class="banner-swiper-item" data-item="{{item}}" bindtap="bannerClick">
{{item.id}} <image class="banner-swiper-image" src="{{item}}"></image>
<image class="banner-swiper-image" src="{{item.img}}"></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
...@@ -20,15 +19,15 @@ ...@@ -20,15 +19,15 @@
</view> </view>
</view> </view>
<view class="movie-wrapper" bindtap="onToMovieDetail"> <view class="movie-wrapper">
<view class="movie-cover"> <view class="movie-cover">
<image src="{{item.cover}}"></image> <image src="{{movieInfo.cover}}"></image>
</view> </view>
<view class="movie-info-wrapper"> <view class="movie-info-wrapper">
<view class="movie-name row"> <view class="movie-name row">
<text>{{movieInfo.name}}</text> <text>{{movieInfo.filmName}}</text>
<view class="movie-dimensional"> <view class="movie-dimensional">
<text>{{movieInfo.dimensional}}</text> <text>{{movieInfo.tags}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -36,7 +35,7 @@ ...@@ -36,7 +35,7 @@
<text>类型</text> <text>类型</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{movieInfo.type}}</text> <text>{{movieInfo.filmType}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -44,17 +43,17 @@ ...@@ -44,17 +43,17 @@
<text>导演</text> <text>导演</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{movieInfo.director}}</text> <text>{{movieInfo.filmDirector}}</text>
</view> </view>
</view> </view>
<view class="movie-info-actor"> <view class="movie-info-actor">
<text class="movie-actor">主演</text> <text class="movie-actor">主演</text>
<text class="actor">{{movieInfo.actor}}</text> <text class="actor">{{movieInfo.filmLead}}</text>
</view> </view>
</view> </view>
</view> </view>
<view class="show-end col align-c" wx:if="{{isMovieEnd}}"> <view class="show-end col align-c" wx:if="{{false}}">
<image src=""></image> <image src=""></image>
<text>观影已结束，请期待后续排片</text> <text>观影已结束，请期待后续排片</text>
</view> </view>
...@@ -73,13 +72,13 @@ ...@@ -73,13 +72,13 @@
<block wx:for="{{showList[statusActive]}}" wx:key="id"> <block wx:for="{{showList[statusActive]}}" wx:key="id">
<view class="show-wrapper row align-c"> <view class="show-wrapper row align-c">
<view class="show-time-start"> <view class="show-time-start">
<text>{{item.timeStart}}</text> <text>{{item.beginTime}}</text>
</view> </view>
<view class="show-time-end"> <view class="show-time-end">
<text>{{item.timeEnd}}</text> <text>{{item.endTime}}</text>
</view> </view>
<view class="show-free"> <view class="show-free">
<text>{{item.free}}</text> <text>{{free}}</text>
</view> </view>
<view class="show-btn"> <view class="show-btn">
<text>报名观影</text> <text>报名观影</text>
......
pages/play/movie/movie.js
let App = getApp()
Page({ Page({
data: { data: {
btn: '报名观影', // 请求参数
queryParams: {
pageNo: '1',
pageSize: '-1'
},
statusActive: 0, statusActive: 0,
statusList: [ statusList: [
{ 'id': 0, 'name': '今日放映' }, { 'id': 0, 'name': '今日放映' },
{ 'id': 1, 'name': '全部热映' }, { 'id': 1, 'name': '全部热映' },
], ],
movieToday: [
{ // 今日热映
id:0, movieToday: [],
cover: '', //全部热映
timeStart: '09:00',
timeEnd: '10:35 散场',
name: '龙猫',
dimensional: '5D',
type: '动画 / 奇幻 / 冒险',
actor: '日高法子 坂本千夏 糸井重里',
director: '宫崎骏',
label: '暖心重映',
free: '免费',
},
{
id:1,
cover: '',
timeStart: '11:00',
timeEnd: '12:35 散场',
name: '千与千寻',
dimensional: '2D',
type: '剧情 / 动画 / 奇幻',
actor: '柊瑠美 入野自由 夏木真理…',
director: '宫崎骏',
label: '学会爱 然后长大',
free: '免费',
},
{
id:2,
cover: '',
timeStart: '09:00',
timeEnd: '10:35 散场',
name: '龙猫',
dimensional: '5D',
type: '动画 / 奇幻 / 冒险',
actor: '日高法子 坂本千夏 糸井重里',
director: '宫崎骏',
label: '暖心重映',
free: '免费',
},{
id:3,
cover: '',
timeStart: '09:00',
timeEnd: '10:35 散场',
name: '龙猫',
dimensional: '5D',
type: '动画 / 奇幻 / 冒险',
actor: '日高法子 坂本千夏 糸井重里',
director: '宫崎骏',
label: '暖心重映',
free: '免费',
}
],
movieAll: { movieAll: {
movieWeek: { movieWeek: {
title: '本周热映', title: '本周热映',
list: [ list: []
{
id:0,
cover: '',
name: '龙猫',
dimensional: '5D',
type: '动画 / 奇幻 / 冒险',
actor: '日高法子 坂本千夏 糸井重里',
director: '宫崎骏',
label: '暖心重映',
free: '免费',
},
{
id:1,
cover: '',
name: '龙猫',
dimensional: '5D',
type: '动画 / 奇幻 / 冒险',
actor: '日高法子 坂本千夏 糸井重里',
director: '宫崎骏',
label: '暖心重映',
free: '免费',
}
]
}, },
movieNextWeek: { movieNextWeek: {
title: '下周热映', title: '下周热映',
list: [ list: []
{ }
id:0,
cover: '',
name: '海上钢琴师',
dimensional: '3D',
type: '剧情 / 音乐',
actor: '蒂姆·罗斯 普路特·泰勒…',
director: '朱塞佩·托纳多雷',
label: '琴键有限 人生无限',
free: '免费',
},
{
id:1,
cover: '',
name: '绿皮书',
dimensional: '2D',
type: '剧情 / 喜剧 / 传记',
actor: '维果·莫腾森 马赫沙拉...',
director: '彼得·法雷里',
label: '两种人生 一段旅程',
free: '免费',
} }
] },
onLoad: function () {
this.getTodayFilm()
this.getAllFilm()
},
/**
* 查询今日放映
* @function
* @param
* @returns
*/
getTodayFilm: function () {
App.wxRequest({
url: '/api/v1/film/getTodayFilm',
data: {
'pageNo': this.data.queryParams.pageNo,
'pageSize': this.data.queryParams.pageSize,
},
success: (response) => {
let funcResponse = response.data
let movieToday = funcResponse.list
movieToday.forEach(v => {
v.endTime = v.endTime + ' 散场'
v.filmType = v.filmType.replace(/\//g, ' / ')
v.filmDirector = v.filmDirector.replace(/\//g, ' ')
v.filmLead = v.filmLead.replace(/\//g, ' ')
})
this.setData({
movieToday
})
} }
})
},
getAllFilm: function () {
// weekType: 0本周热映 1下周
let movieWeek = []
let movieNextWeek = []
//本周热映
App.wxRequest({
url: '/api/v1/film/getAllFilm',
data: {
'pageNo': this.data.queryParams.pageNo,
'pageSize': this.data.queryParams.pageSize,
'weekType': '0'
},
success: (response) => {
let funcResponse = response.data
movieWeek = funcResponse.list
movieWeek.forEach(v => {
v.filmType = v.filmType.replace(/\//g, ' / ')
v.filmDirector = v.filmDirector.replace(/\//g, ' ')
v.filmLead = v.filmLead.replace(/\//g, ' ')
})
this.setData({
'movieAll.movieWeek.list': movieWeek
})
} }
})
App.wxRequest({
url: '/api/v1/film/getAllFilm',
data: {
'pageNo': this.data.queryParams.pageNo,
'pageSize': this.data.queryParams.pageSize,
'weekType': '1'
}, },
onLoad: function (options) { success: (response) => {
let funcResponse = response.data
movieNextWeek = funcResponse.list
movieNextWeek.forEach(v => {
v.filmType = v.filmType.replace(/\//g, ' / ')
v.filmDirector = v.filmDirector.replace(/\//g, ' ')
v.filmLead = v.filmLead.replace(/\//g, ' ')
})
this.setData({
'movieAll.movieNextWeek.list': movieNextWeek
})
}
})
}, },
onSelectionStatus: function (event) { onSelectionStatus: function (event) {
console.log(event.currentTarget.dataset.type)
this.setData({ this.setData({
statusActive: Number(event.currentTarget.dataset.type) statusActive: Number(event.currentTarget.dataset.type)
}) })
}, },
// 跳转到电影详情页面 // 跳转到电影详情页面
onToMovieDetail: function () { onToMovieDetail: function (event) {
let movieId = event.currentTarget.dataset.movieid
wx.navigateTo({ wx.navigateTo({
url: '/pages/play/movie-detail/movie-detail', url: '/pages/play/movie-detail/movie-detail?id=' + movieId,
}) })
}, },
onReportMovie: function () { // 跳转到报名页面
console.log('报名观影') onReportMovie: function (event) {
let id = event.currentTarget.dataset.movieid
wx.navigateTo({
url: '/pages/pay/order-input/order-input?type=' + '7' + '&id' + id,
})
} }
}) })
\ No newline at end of file
pages/play/movie/movie.wxml
...@@ -13,13 +13,13 @@ ...@@ -13,13 +13,13 @@
<view wx:if="{{statusActive === 0}}"> <view wx:if="{{statusActive === 0}}">
<block wx:for="{{movieToday}}" wx:key="id"> <block wx:for="{{movieToday}}" wx:key="id">
<view class="movie-wrapper row" bindtap="onToMovieDetail"> <view class="movie-wrapper row">
<view class="movie-time-wrapper row align-c"> <view class="movie-time-wrapper row align-c">
<view class="movie-time-start"> <view class="movie-time-start">
<text>{{item.timeStart}}</text> <text>{{item.beginTime}}</text>
</view> </view>
<view class="movie-time-end"> <view class="movie-time-end">
<text>{{item.timeEnd}}</text> <text>{{item.endTime}}</text>
</view> </view>
</view> </view>
<view class="row"> <view class="row">
...@@ -28,9 +28,9 @@ ...@@ -28,9 +28,9 @@
</view> </view>
<view class="movie-info-wrapper"> <view class="movie-info-wrapper">
<view class="movie-name row"> <view class="movie-name row">
<text>{{item.name}}</text> <text>{{item.filmName}}</text>
<view class="movie-dimensional"> <view class="movie-dimensional">
<text>{{item.dimensional}}</text> <text>{{item.tags}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<text>类型</text> <text>类型</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{item.type}}</text> <text>{{item.filmType}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<text>导演</text> <text>导演</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{item.director}}</text> <text>{{item.filmDirector}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -54,17 +54,17 @@ ...@@ -54,17 +54,17 @@
<text>主演</text> <text>主演</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{item.actor}}</text> <text>{{item.filmLead}}</text>
</view> </view>
</view> </view>
<view> <view class="movie-label">
<text class="movie-label">{{item.label}}</text> <text>{{item.keyword}}</text>
</view> </view>
<view class="movie-free"> <view class="movie-free">
<text>{{item.free}}</text> <text>{{item.ownerPrice}}</text>
</view> </view>
<view class="movie-btn" catchtap="onReportMovie"> <view class="movie-btn" catchtap="onReportMovie" data-movieId="{{item.activityId}}">
<text>{{btn}}</text> <text>报名观影</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -73,19 +73,21 @@ ...@@ -73,19 +73,21 @@
</view> </view>
<view wx:else> <view wx:else>
<block wx:for="{{movieAll}}" wx:for-index="key" wx:for-item="movieList" wx:key="key"> <block wx:for="{{movieAll}}" wx:for-index="key" wx:for-item="movieList" wx:key="key">
<view class="movie-week"> <view class="movie-week" wx:if="{{movieList.list.length > 0}}">
<text>{{movieList.title}}</text> <text>{{movieList.title}}</text>
</view> </view>
<block wx:for="{{movieList.list}}" wx:key="id"> <block wx:for="{{movieList.list}}" wx:key="id">
<view class="all-movie-wrapper" bindtap="onToMovieDetail"> <view class="all-movie-wrapper" bindtap="onToMovieDetail" data-movieId="{{item.activityId}}">
<view class="all-movie-cover"> <view class="all-movie-cover">
<image src="{{item.cover}}"></image> <image src="{{item.cover}}"></image>
</view> </view>
<view class="movie-info-wrapper"> <view class="movie-info-wrapper">
<view class="movie-name row"> <view class="movie-name-wrapper row">
<text>{{item.name}}</text> <view class="movie-name">
<text>{{item.filmName}}</text>
</view>
<view class="movie-dimensional"> <view class="movie-dimensional">
<text>{{item.dimensional}}</text> <text>{{item.tags}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -93,7 +95,7 @@ ...@@ -93,7 +95,7 @@
<text>类型</text> <text>类型</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{item.type}}</text> <text>{{item.filmType}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -101,7 +103,7 @@ ...@@ -101,7 +103,7 @@
<text>导演</text> <text>导演</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{item.director}}</text> <text>{{item.filmDirector}}</text>
</view> </view>
</view> </view>
<view class="movie-info row"> <view class="movie-info row">
...@@ -109,14 +111,14 @@ ...@@ -109,14 +111,14 @@
<text>主演</text> <text>主演</text>
</view> </view>
<view class="movie-info-right"> <view class="movie-info-right">
<text>{{item.actor}}</text> <text>{{item.filmLead}}</text>
</view> </view>
</view> </view>
<view> <view class="movie-label">
<text class="movie-label">{{item.label}}</text> <text>{{item.keyword}}</text>
</view> </view>
<view class="movie-free"> <view class="movie-free">
<text>{{item.free}}</text> <text>{{item.ownerPrice}}</text>
</view> </view>
</view> </view>
</view> </view>
......
pages/play/movie/movie.wxss
...@@ -64,10 +64,15 @@ page { ...@@ -64,10 +64,15 @@ page {
.movie-info-wrapper { .movie-info-wrapper {
margin-left: 34rpx; margin-left: 34rpx;
} }
.movie-name { .movie-name-wrapper {
height: 52rpx; height: 52rpx;
}
.movie-name {
color: #fff; color: #fff;
font-size: 30rpx; font-size: 30rpx;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
} }
.movie-dimensional { .movie-dimensional {
width: 52rpx; width: 52rpx;
...@@ -100,6 +105,8 @@ page { ...@@ -100,6 +105,8 @@ page {
.movie-label { .movie-label {
height:32rpx; height:32rpx;
margin-top: 16rpx; margin-top: 16rpx;
}
.movie-label text {
padding: 0 8rpx; padding: 0 8rpx;
color: #86C5E1; color: #86C5E1;
font-size: 22rpx; font-size: 22rpx;
......
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 sign in to comment