|
@@ -15,7 +15,13 @@
|
15
|
15
|
<div slot="title">
|
16
|
16
|
<span :class="{ [`theme${theme}`]: true, 'active': active }">最新上传</span>
|
17
|
17
|
</div>
|
18
|
|
- <pull-to :bottom-load-method="loadNewList">
|
|
18
|
+ <!-- <pull-to :bottom-load-method="loadNewList"> -->
|
|
19
|
+ <van-list
|
|
20
|
+ v-model="loading"
|
|
21
|
+ :finished="finished"
|
|
22
|
+ finished-text="没有更多了"
|
|
23
|
+ @load="loadNewList"
|
|
24
|
+ >
|
19
|
25
|
<div class="LatestUpload">
|
20
|
26
|
<div class="LatestUploadList" v-for="(item,index) in newList" :key="index">
|
21
|
27
|
<div :class="signupBtn?ActivePersonnelBox1:ActivePersonnelBox2" @click="gotovotingdetails(item.MemberId)">
|
|
@@ -30,13 +36,20 @@
|
30
|
36
|
</div>
|
31
|
37
|
</div>
|
32
|
38
|
</div>
|
33
|
|
- </pull-to>
|
|
39
|
+ <!-- </pull-to> -->
|
|
40
|
+ </van-list>
|
34
|
41
|
</van-tab>
|
35
|
42
|
<van-tab title="TOP50">
|
36
|
43
|
<div slot="title">
|
37
|
44
|
<span :class="{ [`theme${theme}`]: true, 'active': !active }">Top50</span>
|
38
|
45
|
</div>
|
39
|
|
- <pull-to :bottom-load-method="loadTopList">
|
|
46
|
+ <!-- <pull-to :bottom-load-method="loadTopList"> -->
|
|
47
|
+ <van-list
|
|
48
|
+ v-model="loading"
|
|
49
|
+ :finished="finished"
|
|
50
|
+ finished-text="没有更多了"
|
|
51
|
+ @load="loadTopList"
|
|
52
|
+ >
|
40
|
53
|
<div class="LatestUpload">
|
41
|
54
|
<div class="LatestUploadList" v-for="(item,index) in topList" :key="index">
|
42
|
55
|
<div :class="signupBtn?ActivePersonnelBox1:ActivePersonnelBox2" @click="gotovotingdetails(item.MemberId)">
|
|
@@ -51,7 +64,8 @@
|
51
|
64
|
</div>
|
52
|
65
|
</div>
|
53
|
66
|
</div>
|
54
|
|
- </pull-to>
|
|
67
|
+ </van-list>
|
|
68
|
+ <!-- </pull-to> -->
|
55
|
69
|
</van-tab>
|
56
|
70
|
</van-tabs>
|
57
|
71
|
</div>
|
|
@@ -61,7 +75,7 @@
|
61
|
75
|
</template>
|
62
|
76
|
|
63
|
77
|
<script>
|
64
|
|
-import PullTo from 'vue-pull-to'
|
|
78
|
+// import PullTo from 'vue-pull-to'
|
65
|
79
|
import { createNamespacedHelpers } from "vuex";
|
66
|
80
|
import wxsdk from "../../util/share.js";
|
67
|
81
|
import toast from "../../components/toast.vue";
|
|
@@ -112,14 +126,16 @@ export default {
|
112
|
126
|
},
|
113
|
127
|
components: {
|
114
|
128
|
toast,
|
115
|
|
- PullTo
|
|
129
|
+ // PullTo
|
116
|
130
|
},
|
117
|
131
|
mounted() {
|
118
|
|
- const scroll = window.scroll
|
119
|
|
- window.addEventListener("scroll", (e) => {
|
120
|
|
- scroll(e)
|
121
|
|
- this.handleScroll()
|
122
|
|
- }, true);
|
|
132
|
+ // const scroll = window.scroll
|
|
133
|
+ // window.addEventListener("scroll", (e) => {
|
|
134
|
+ // scroll(e)
|
|
135
|
+ // this.handleScroll()
|
|
136
|
+ // }, true);
|
|
137
|
+
|
|
138
|
+ window.addEventListener("scroll", this.handleScroll, true);
|
123
|
139
|
},
|
124
|
140
|
computed: {
|
125
|
141
|
...mapactivityState({
|
|
@@ -165,16 +181,16 @@ export default {
|
165
|
181
|
actid: this.actid
|
166
|
182
|
});
|
167
|
183
|
|
168
|
|
- this.newlist().then((res) => {
|
169
|
|
- if ((res || []).length === this.pageSize) {
|
170
|
|
- this.newpage += 1
|
171
|
|
- }
|
172
|
|
- })
|
173
|
|
- this.toplist().then((res) => {
|
174
|
|
- if ((res || []).length === this.pageSize) {
|
175
|
|
- this.toppage += 1
|
176
|
|
- }
|
177
|
|
- })
|
|
184
|
+ // this.newlist().then((res) => {
|
|
185
|
+ // if ((res || []).length === this.pageSize) {
|
|
186
|
+ // this.newpage += 1
|
|
187
|
+ // }
|
|
188
|
+ // })
|
|
189
|
+ // this.toplist().then((res) => {
|
|
190
|
+ // if ((res || []).length === this.pageSize) {
|
|
191
|
+ // this.toppage += 1
|
|
192
|
+ // }
|
|
193
|
+ // })
|
178
|
194
|
},
|
179
|
195
|
methods: {
|
180
|
196
|
...mapactivityActions([
|
|
@@ -240,7 +256,7 @@ export default {
|
240
|
256
|
}
|
241
|
257
|
|
242
|
258
|
this.loading = false;
|
243
|
|
- loaded('done')
|
|
259
|
+ loaded && loaded('done')
|
244
|
260
|
});
|
245
|
261
|
},
|
246
|
262
|
loadTopList(loaded) {
|
|
@@ -252,7 +268,7 @@ export default {
|
252
|
268
|
}
|
253
|
269
|
|
254
|
270
|
this.loading = false;
|
255
|
|
- loaded('done')
|
|
271
|
+ loaded && loaded('done')
|
256
|
272
|
});
|
257
|
273
|
},
|
258
|
274
|
signup() {
|