antissoft / antis-greenway

Blame view

pages/participation/participation.vue 3.14 KB
Edit Raw Normal View History
4dfe89e4   monkeyhouyi   初始化 
1
 
  <template>
4c26c806   monkeyhouyi   活动参与，活动申请 
2
 
  	<!-- 活动参与 -->
4dfe89e4   monkeyhouyi   初始化 
3
 
  	<view class="page">
4c26c806   monkeyhouyi   活动参与，活动申请 
4
5
6
7
 
  		<view class="more page-box">
  			<u-section :bold="false" title="我的活动申请" sub-title='' :show-line="false" color="#0FBB59" @click="toMyAdd">
  				<view slot="right">
  					<u-icon name="arrow-rightward" color="#0FBB59" size="28"></u-icon>
4dfe89e4   monkeyhouyi   初始化 
8
 
  				</view>
4c26c806   monkeyhouyi   活动参与，活动申请 
9
10
11
12
13
14
 
  			</u-section>
  		</view>
  		<!-- 搜索 -->
  		<view class="head-search">
  			<u-search bg-color="#fff" placeholder="请输入关键词" v-model="keyword" :show-action="false" @search="search"></u-search>
  			<u-button type="success" @click="search">搜索</u-button>
4dfe89e4   monkeyhouyi   初始化 
15
 
  		</view>
4dfe89e4   monkeyhouyi   初始化 
16
17
 
  		<view class="screen-list">
  			<view class="list">
4c26c806   monkeyhouyi   活动参与，活动申请 
18
19
20
21
22
23
24
25
 
  				<text>默认排序</text>
  				<image :src="$imgUrl('/down.png')"></image>
  			</view>
  			<view class="list">
  				<text>进行中</text>
  				<image :src="$imgUrl('/down.png')"></image>
  			</view>
  			<!-- <view class="list">
4dfe89e4   monkeyhouyi   初始化 
26
 
  				<text>区域</text>
c62ab6f2   杨鑫   1 
27
 
  				<image :src="$imgUrl('/down.png')"></image>
4dfe89e4   monkeyhouyi   初始化 
28
29
30
 
  			</view>
  			<view class="list">
  				<text>租金</text>
c62ab6f2   杨鑫   1 
31
 
  				<image :src="$imgUrl('/down.png')" ></image>
4dfe89e4   monkeyhouyi   初始化 
32
33
 
  			</view>
  			<view class="list">
4dfe89e4   monkeyhouyi   初始化 
34
 
  				<text>筛选</text>
c62ab6f2   杨鑫   1 
35
 
  				<image :src="$imgUrl('/down.png')" ></image>
4c26c806   monkeyhouyi   活动参与，活动申请 
36
 
  			</view> -->
4dfe89e4   monkeyhouyi   初始化 
37
38
39
 
  		</view>
  		<!-- 订单列表 -->
  		<view class="goods-data">
4c26c806   monkeyhouyi   活动参与，活动申请 
40
41
42
43
44
45
46
47
 
  			<u-row gutter="16" class="goods-list">
  				<u-col span="6" v-for="(item,index) in list" :key="index">
  					<view class="demo-layout good-item">
  						<image :src="$imgUrl('/img/2.jpg')" style="width: 315rpx; height: 315rpx; border-radius: 10rpx;"></image>
  						<view class="info">
  							<view class="title">绿道好物节</view>
  							<view class="name">绿道好物节</view>
  							<u-tag text="进行中" type="success" mode="dark" />
4dfe89e4   monkeyhouyi   初始化 
48
 
  						</view>
4dfe89e4   monkeyhouyi   初始化 
49
 
  					</view>
4c26c806   monkeyhouyi   活动参与，活动申请 
50
51
52
53
54
55
56
 
  				</u-col>
  				<u-loadmore :status="status" @loadmore='loading' style="width: 100%; text-align: center;"/>
  			</u-row>
  		</view>
  		<view style="height: 120rpx;"></view>
  		<view class="page-footer">
  			<u-button type="success" @click="toAdd">活动申请</u-button>
4dfe89e4   monkeyhouyi   初始化 
57
58
59
60
61
62
63
64
 
  		</view>
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
4c26c806   monkeyhouyi   活动参与，活动申请 
65
66
67
68
69
 
  				keyword: '', // 搜索项
  				status: 'loadmore',
  				list: 1,
  				page: 0,
  				total: 1,
4dfe89e4   monkeyhouyi   初始化 
70
71
 
  			};
  		},
4c26c806   monkeyhouyi   活动参与，活动申请 
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
  		onLoad() {
  			this.status = 'nomore';
  		},
  		onPullDownRefresh(e) {
  			let that = this
  			that.status = 'loading';
  			this.page = 0;
  			setTimeout(() => {
  				that.list = 1;
  				that.status = that.list >= that.total ? 'nomore' : 'loadmore';
  				uni.stopPullDownRefresh();
  			}, 1000);
  		},
  		onReachBottom(e) {
  			this.loading();
  		},
4dfe89e4   monkeyhouyi   初始化 
88
 
  		methods: {
4c26c806   monkeyhouyi   活动参与，活动申请 
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
 
  			toMyAdd() {
  				// 跳转我的活动申请
  			},
  			search() {
  				// 搜索
  			},
  			loading() {
  				let that = this
  				if(that.status == 'nomore') return;
  				that.status = 'loading';
  				that.page = ++that.page;
  				setTimeout(() => {
  					that.list += 10;
  					that.status = that.list >= that.total ? 'nomore' : 'loadmore';
  				}, 300)
  			},
4dfe89e4   monkeyhouyi   初始化 
105
106
107
108
 
  			myativity() {
  				uni.navigateTo({
  					url: '/pages/mycreated/mycreated'
  				})
c62ab6f2   杨鑫   1 
109
110
111
112
113
 
  			},
  			join(){
  				uni.navigateTo({
  					url: '/pages/mycreated/mycreated?id=1'
  				})
4c26c806   monkeyhouyi   活动参与，活动申请 
114
115
116
117
118
 
  			},
  			toAdd() {
  				uni.navigateTo({
  					url: '/pages/activityAdd/activityAdd'
  				})
4dfe89e4   monkeyhouyi   初始化 
119
120
121
122
123
124
125
126
 
  			}
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'participation.scss';
  </style>