|
@@ -206,7 +206,7 @@
|
|
|
</style>
|
|
</style>
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
-<div class="container" id="app">
|
|
|
|
|
|
|
+<div class="container" id="app" @scroll="menu">
|
|
|
<template>
|
|
<template>
|
|
|
<div class="content-top">
|
|
<div class="content-top">
|
|
|
<div class="message">
|
|
<div class="message">
|
|
@@ -223,7 +223,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="swiper-container">
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-wrapper">
|
|
|
- <div class="swiper-slide" v-for="item in swiperList"></div>
|
|
|
|
|
|
|
+ <a href="brandDetail.jsp" class="swiper-slide" v-for="item in swiperList"></a>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div class="swiper-pagination"></div>
|
|
<div class="swiper-pagination"></div>
|
|
@@ -259,16 +259,16 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="list">
|
|
<div class="list">
|
|
|
- <player-item v-for="item in 4"></player-item>
|
|
|
|
|
|
|
+ <player-item v-for="item in joinList" :info="item"></player-item>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="mainTitle" style="margin-top:40px">
|
|
|
|
|
|
|
+ <div class="mainTitle" style="margin-top:40px" v-if="notJoin.length>0">
|
|
|
• 已淘汰选手 •
|
|
• 已淘汰选手 •
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="list">
|
|
<div class="list">
|
|
|
- <player-item v-for="item in 2"></player-item>
|
|
|
|
|
|
|
+ <player-item v-for="item in notJoin"></player-item>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<a href="rankingList.jsp?activitypk=<%=activitypk%>&memberpk=<%=memberpk%>">
|
|
<a href="rankingList.jsp?activitypk=<%=activitypk%>&memberpk=<%=memberpk%>">
|
|
@@ -290,7 +290,11 @@
|
|
|
join: 263,
|
|
join: 263,
|
|
|
watch: 38648,
|
|
watch: 38648,
|
|
|
swiperList: [{}, {}, {}],
|
|
swiperList: [{}, {}, {}],
|
|
|
- joinList: []
|
|
|
|
|
|
|
+ joinList: [],
|
|
|
|
|
+ currentPage:1,
|
|
|
|
|
+ notJoin:[],
|
|
|
|
|
+ joinFlag:true,
|
|
|
|
|
+ notFlag:true
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
mounted() {
|
|
mounted() {
|
|
@@ -301,11 +305,49 @@
|
|
|
clickable: true,
|
|
clickable: true,
|
|
|
},
|
|
},
|
|
|
})
|
|
})
|
|
|
|
|
+ this.getJoinPlayer()
|
|
|
},
|
|
},
|
|
|
components: {
|
|
components: {
|
|
|
'player-item': playerComponent
|
|
'player-item': playerComponent
|
|
|
},
|
|
},
|
|
|
- methods: {}
|
|
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ getJoinPlayer(){
|
|
|
|
|
+ if(!this.joinFlag){
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ if(this.currentPage==1){
|
|
|
|
|
+ this.joinList=[]
|
|
|
|
|
+ }
|
|
|
|
|
+ $.get({
|
|
|
|
|
+ url: '',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ modelpk: '322',
|
|
|
|
|
+ memberpk: 858,
|
|
|
|
|
+ activitypk:8,
|
|
|
|
|
+ operator:'signList',
|
|
|
|
|
+ page:this.currentPage
|
|
|
|
|
+ },
|
|
|
|
|
+ success: function(res){
|
|
|
|
|
+ if(res.length==0){
|
|
|
|
|
+ this.joinFlag=false
|
|
|
|
|
+ }
|
|
|
|
|
+ this.joinList=this.joinList.concat(res)
|
|
|
|
|
+ }.bind(this)
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ getNot(){},
|
|
|
|
|
+ menu(){
|
|
|
|
|
+ if($('#app').scrollTop()+$('#app').height()+50>=document.getElementById('app').scrollHeight){
|
|
|
|
|
+ if(this.joinFlag){
|
|
|
|
|
+ this.currentPage++
|
|
|
|
|
+ this.getJoinPlayer()
|
|
|
|
|
+ }else if(this.notFlag){
|
|
|
|
|
+ this.getNot()
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
})
|
|
})
|
|
|
</script>
|
|
</script>
|
|
|
</html>
|
|
</html>
|