作者 niufei

志愿修改

1 -<!--pages/apply/apply.wxml-->  
2 -<view class='upimg' bindtap='{{ifempower?"uploadImages":""}}' data-tem='1'>  
3 -<button open-type='getUserInfo' bindgetuserinfo='start' class='inofbtn' if='{{!ifempower}}' data-tem='1'></button>  
4 - <image src='{{photo}}' wx:if='{{photo}}'></image>  
5 - <view class='iconfont icon-xiangji' wx:if='{{!photo}}' ></view> 1 +<view class='avator_box'>
  2 + <view class='upimg' bindtap='{{ifempower?"uploadImages":""}}' data-tem='1'>
  3 + <button open-type='getUserInfo' bindgetuserinfo='start' class='inofbtn' if='{{!ifempower}}' data-tem='1'></button>
  4 + <image src='{{photo}}' wx:if='{{photo}}'></image>
  5 + <view class='iconfont icon-xiangji' wx:if='{{!photo}}'></view>
  6 +
  7 + </view>
  8 +
  9 + <view class='tips_word'>请选择1:1的图像</view>
6 </view> 10 </view>
  11 +
  12 +
  13 +
7 <view class='apply_item'> 14 <view class='apply_item'>
8 - <view>姓名</view>  
9 - <view class='apply_item_input'>  
10 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setname' value='{{name}}' ></input>  
11 - </view>  
12 -</view>  
13 -<picker bindchange="bindsex" range="{{arraysex}}">  
14 - <view class='apply_item'>  
15 - <view >姓别</view> 15 + <view>姓名</view>
16 <view class='apply_item_input'> 16 <view class='apply_item_input'>
17 - <view class='iconfont icon-xiangyou'></view>  
18 - <view class='apply_itemtxt {{arraysex[sex-1]?"color333":""}}'>{{arraysex[sex-1]?arraysex[sex-1]:'请选择'}}</view> 17 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setname' value='{{name}}'></input>
  18 + </view>
  19 +</view>
  20 +<picker bindchange="bindsex" range="{{arraysex}}">
  21 + <view class='apply_item'>
  22 + <view>姓别</view>
  23 + <view class='apply_item_input'>
  24 + <view class='iconfont icon-xiangyou'></view>
  25 + <view class='apply_itemtxt {{arraysex[sex-1]?"color333":""}}'>{{arraysex[sex-1]?arraysex[sex-1]:'请选择'}}</view>
  26 + </view>
19 </view> 27 </view>
20 - </view>  
21 </picker> 28 </picker>
22 <picker mode='date' bindchange="bindbirthdayChange" end='{{enddata}}'> 29 <picker mode='date' bindchange="bindbirthdayChange" end='{{enddata}}'>
23 - <view class='apply_item'>  
24 - <view>出生日期</view>  
25 - <view class='apply_item_input'>  
26 - <view class='iconfont icon-xiangyou'></view>  
27 - <view class='apply_itemtxt {{birthday?"color333":""}}'>{{birthday?birthday:'请选择'}}</view> 30 + <view class='apply_item'>
  31 + <view>出生日期</view>
  32 + <view class='apply_item_input'>
  33 + <view class='iconfont icon-xiangyou'></view>
  34 + <view class='apply_itemtxt {{birthday?"color333":""}}'>{{birthday?birthday:'请选择'}}</view>
  35 + </view>
28 </view> 36 </view>
29 - </view>  
30 </picker> 37 </picker>
31 <picker range='{{nationarr}}' bindchange="bindnationChange"> 38 <picker range='{{nationarr}}' bindchange="bindnationChange">
32 - <view class='apply_item' >  
33 - <view>民族</view>  
34 - <view class='apply_item_input'>  
35 - <view class='iconfont icon-xiangyou'></view>  
36 - <view class='apply_itemtxt {{nation?"color333":""}}'>{{nation?nation:'请选择'}}</view> 39 + <view class='apply_item'>
  40 + <view>民族</view>
  41 + <view class='apply_item_input'>
  42 + <view class='iconfont icon-xiangyou'></view>
  43 + <view class='apply_itemtxt {{nation?"color333":""}}'>{{nation?nation:'请选择'}}</view>
  44 + </view>
37 </view> 45 </view>
38 - </view>  
39 </picker> 46 </picker>
40 <picker range='{{educationarr}}' bindchange="bindeducationChange"> 47 <picker range='{{educationarr}}' bindchange="bindeducationChange">
41 - <view class='apply_item'>  
42 - <view>学历</view>  
43 - <view class='apply_item_input'>  
44 - <view class='iconfont icon-xiangyou'></view>  
45 - <view class='apply_itemtxt {{education?"color333":""}}'>{{education?education:'请选择'}}</view> 48 + <view class='apply_item'>
  49 + <view>学历</view>
  50 + <view class='apply_item_input'>
  51 + <view class='iconfont icon-xiangyou'></view>
  52 + <view class='apply_itemtxt {{education?"color333":""}}'>{{education?education:'请选择'}}</view>
  53 + </view>
46 </view> 54 </view>
47 - </view>  
48 </picker> 55 </picker>
49 <picker range='{{politicsarr}}' bindchange="bindpoliticsChange"> 56 <picker range='{{politicsarr}}' bindchange="bindpoliticsChange">
50 - <view class='apply_item'>  
51 - <view>政治面貌</view>  
52 - <view class='apply_item_input'>  
53 - <view class='iconfont icon-xiangyou'></view>  
54 - <view class='apply_itemtxt {{politics?"color333":""}} '>{{politics?politics:'请选择'}}</view> 57 + <view class='apply_item'>
  58 + <view>政治面貌</view>
  59 + <view class='apply_item_input'>
  60 + <view class='iconfont icon-xiangyou'></view>
  61 + <view class='apply_itemtxt {{politics?"color333":""}} '>{{politics?politics:'请选择'}}</view>
  62 + </view>
55 </view> 63 </view>
56 - </view>  
57 </picker> 64 </picker>
58 <view class='apply_item'> 65 <view class='apply_item'>
59 - <view>工作单位</view>  
60 - <view class='apply_item_input'>  
61 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setunit' value='{{unit}}'></input>  
62 - </view> 66 + <view>工作单位</view>
  67 + <view class='apply_item_input'>
  68 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setunit' value='{{unit}}'></input>
  69 + </view>
63 </view> 70 </view>
64 <view class='apply_item'> 71 <view class='apply_item'>
65 - <view>职务</view>  
66 - <view class='apply_item_input'>  
67 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setduty' value='{{duty}}'></input>  
68 - </view> 72 + <view>职务</view>
  73 + <view class='apply_item_input'>
  74 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setduty' value='{{duty}}'></input>
  75 + </view>
69 </view> 76 </view>
70 <view class='apply_item'> 77 <view class='apply_item'>
71 - <view>通讯地址</view>  
72 - <view class='apply_item_input'>  
73 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setaddr' value='{{addr}}'></input>  
74 - </view> 78 + <view>通讯地址</view>
  79 + <view class='apply_item_input'>
  80 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setaddr' value='{{addr}}'></input>
  81 + </view>
75 </view> 82 </view>
76 <view class='apply_item'> 83 <view class='apply_item'>
77 - <view>邮编</view>  
78 - <view class='apply_item_input'>  
79 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setpostcode' value='{{postcode}}'></input>  
80 - </view> 84 + <view>邮编</view>
  85 + <view class='apply_item_input'>
  86 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setpostcode' value='{{postcode}}'></input>
  87 + </view>
81 </view> 88 </view>
82 <view class='apply_item'> 89 <view class='apply_item'>
83 - <view>就读/毕业院校</view>  
84 - <view class='apply_item_input'>  
85 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setschool' value='{{school}}'></input>  
86 - </view> 90 + <view>就读/毕业院校</view>
  91 + <view class='apply_item_input'>
  92 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setschool' value='{{school}}'></input>
  93 + </view>
87 </view> 94 </view>
88 <view class='apply_item'> 95 <view class='apply_item'>
89 - <view>身份证号</view>  
90 - <view class='apply_item_input'>  
91 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setcard_number' value='{{card_number}}'></input>  
92 - </view> 96 + <view>身份证号</view>
  97 + <view class='apply_item_input'>
  98 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setcard_number' value='{{card_number}}'></input>
  99 + </view>
93 </view> 100 </view>
94 <!-- <view class='apply_item'> 101 <!-- <view class='apply_item'>
95 <view>固定电话</view> 102 <view>固定电话</view>
@@ -98,150 +105,149 @@ @@ -98,150 +105,149 @@
98 </view> 105 </view>
99 </view> --> 106 </view> -->
100 <view class='apply_item'> 107 <view class='apply_item'>
101 - <view>移动电话</view>  
102 - <view class='apply_item_input'>  
103 - <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='setmove_phone' value='{{move_phone}}'></input>  
104 - </view> 108 + <view>移动电话</view>
  109 + <view class='apply_item_input'>
  110 + <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='setmove_phone' value='{{move_phone}}'></input>
  111 + </view>
105 </view> 112 </view>
106 <view class='apply_item'> 113 <view class='apply_item'>
107 - <view>电子邮箱</view>  
108 - <view class='apply_item_input'>  
109 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setemail' value='{{email}}'></input>  
110 - </view> 114 + <view>电子邮箱</view>
  115 + <view class='apply_item_input'>
  116 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setemail' value='{{email}}'></input>
  117 + </view>
111 </view> 118 </view>
112 <view class='apply_item big_item'> 119 <view class='apply_item big_item'>
113 - <view>紧急联系人及电话</view>  
114 - <view class='apply_item_input'>  
115 - <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='seturgency_phone' value='{{urgency_phone}}'></input>  
116 - </view> 120 + <view>紧急联系人及电话</view>
  121 + <view class='apply_item_input'>
  122 + <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='seturgency_phone' value='{{urgency_phone}}'></input>
  123 + </view>
117 </view> 124 </view>
118 <view class='apply_item'> 125 <view class='apply_item'>
119 - <view>QQ号码</view>  
120 - <view class='apply_item_input'>  
121 - <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='setqq' value='{{qq}}'></input>  
122 - </view> 126 + <view>QQ号码</view>
  127 + <view class='apply_item_input'>
  128 + <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='setqq' value='{{qq}}'></input>
  129 + </view>
123 </view> 130 </view>
124 131
125 - <view class='apply_item' bindtap='setshowapply'> 132 +<view class='apply_item' bindtap='setshowapply'>
126 <view>服务区域</view> 133 <view>服务区域</view>
127 <view class='apply_item_input'> 134 <view class='apply_item_input'>
128 - <view class='iconfont icon-xiangyou'></view>  
129 - <view class='apply_itemtxt {{address?"color333":""}}'>{{address?address:'请选择'}}</view> 135 + <view class='iconfont icon-xiangyou'></view>
  136 + <view class='apply_itemtxt {{address?"color333":""}}'>{{address?address:'请选择'}}</view>
130 </view> 137 </view>
131 - </view>  
132 - 138 +</view>
  139 +
133 140
134 141
135 <picker range='{{typearr}}' bindchange="bindtypeChange"> 142 <picker range='{{typearr}}' bindchange="bindtypeChange">
136 - <view class='apply_item'>  
137 - <view>志愿类别</view>  
138 - <view class='apply_item_input'>  
139 - <view class='iconfont icon-xiangyou'></view>  
140 - <view class='apply_itemtxt {{typearr[type-1]?"color333":""}}'>{{typearr[type-1]?typearr[type-1]:'请选择'}}</view> 143 + <view class='apply_item'>
  144 + <view>志愿类别</view>
  145 + <view class='apply_item_input'>
  146 + <view class='iconfont icon-xiangyou'></view>
  147 + <view class='apply_itemtxt {{typearr[type-1]?"color333":""}}'>{{typearr[type-1]?typearr[type-1]:'请选择'}}</view>
  148 + </view>
141 </view> 149 </view>
142 - </view>  
143 </picker> 150 </picker>
144 151
145 152
146 <view class='apply_nav'> 153 <view class='apply_nav'>
147 - <view class='apply_cell {{apply_nav==0?"apply_active":""}}' data-apply_nav='0' bindtap='setapply_nav'>个人履历1</view>  
148 - <view class='apply_cell {{apply_nav==1?"apply_active":""}}' data-apply_nav='1' bindtap='setapply_nav'>个人履历2</view>  
149 - <view class='apply_cell {{apply_nav==2?"apply_active":""}}' data-apply_nav='2' bindtap='setapply_nav'>个人履历3</view> 154 + <view class='apply_cell {{apply_nav==0?"apply_active":""}}' data-apply_nav='0' bindtap='setapply_nav'>个人履历1</view>
  155 + <view class='apply_cell {{apply_nav==1?"apply_active":""}}' data-apply_nav='1' bindtap='setapply_nav'>个人履历2</view>
  156 + <view class='apply_cell {{apply_nav==2?"apply_active":""}}' data-apply_nav='2' bindtap='setapply_nav'>个人履历3</view>
150 </view> 157 </view>
151 <view class='navbox'> 158 <view class='navbox'>
152 - <picker mode='date' bindchange="bindstartChange">  
153 - <view class='apply_item'>  
154 - <view>开始时间</view>  
155 - <view class='apply_item_input'>  
156 - <view class='iconfont icon-xiangyou'></view>  
157 - <view class='apply_itemtxt {{record[apply_nav].record_start_time?"color333":""}}'>{{record[apply_nav].record_start_time?record[apply_nav].record_start_time:'请选择'}}</view>  
158 - </view>  
159 - </view>  
160 -</picker>  
161 -<picker mode='date' bindchange="bindendChange">  
162 - <view class='apply_item'>  
163 - <view>结束时间</view>  
164 - <view class='apply_item_input'>  
165 - <view class='iconfont icon-xiangyou'></view>  
166 - <view class='apply_itemtxt {{record[apply_nav].record_end_time?"color333":""}}'>{{record[apply_nav].record_end_time?record[apply_nav].record_end_time:'请选择'}}</view>  
167 - </view>  
168 - </view>  
169 -</picker>  
170 - <view class='apply_item'>  
171 - <view>单位名称</view>  
172 - <view class='apply_item_input'>  
173 - <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_unit}}' bindinput='setrecordunit'></input>  
174 - </view>  
175 - </view>  
176 - <view class='apply_item'>  
177 - <view>职务</view>  
178 - <view class='apply_item_input'>  
179 - <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_duty}}' bindinput='setrecordduty'></input>  
180 - </view>  
181 - </view>  
182 - <view class='apply_item'>  
183 - <view>证明人</view>  
184 - <view class='apply_item_input'>  
185 - <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_name}}' bindinput='setrecordname'></input>  
186 - </view>  
187 - </view>  
188 - <view class='apply_item'>  
189 - <view>证明人电话</view>  
190 - <view class='apply_item_input'>  
191 - <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_phone}}' bindinput='setrecordphone'></input> 159 + <picker mode='date' bindchange="bindstartChange">
  160 + <view class='apply_item'>
  161 + <view>开始时间</view>
  162 + <view class='apply_item_input'>
  163 + <view class='iconfont icon-xiangyou'></view>
  164 + <view class='apply_itemtxt {{record[apply_nav].record_start_time?"color333":""}}'>{{record[apply_nav].record_start_time?record[apply_nav].record_start_time:'请选择'}}</view>
  165 + </view>
  166 + </view>
  167 + </picker>
  168 + <picker mode='date' bindchange="bindendChange">
  169 + <view class='apply_item'>
  170 + <view>结束时间</view>
  171 + <view class='apply_item_input'>
  172 + <view class='iconfont icon-xiangyou'></view>
  173 + <view class='apply_itemtxt {{record[apply_nav].record_end_time?"color333":""}}'>{{record[apply_nav].record_end_time?record[apply_nav].record_end_time:'请选择'}}</view>
  174 + </view>
  175 + </view>
  176 + </picker>
  177 + <view class='apply_item'>
  178 + <view>单位名称</view>
  179 + <view class='apply_item_input'>
  180 + <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_unit}}' bindinput='setrecordunit'></input>
  181 + </view>
  182 + </view>
  183 + <view class='apply_item'>
  184 + <view>职务</view>
  185 + <view class='apply_item_input'>
  186 + <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_duty}}' bindinput='setrecordduty'></input>
  187 + </view>
  188 + </view>
  189 + <view class='apply_item'>
  190 + <view>证明人</view>
  191 + <view class='apply_item_input'>
  192 + <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_name}}' bindinput='setrecordname'></input>
  193 + </view>
  194 + </view>
  195 + <view class='apply_item'>
  196 + <view>证明人电话</view>
  197 + <view class='apply_item_input'>
  198 + <input placeholder='未填写' placeholder-class='input_p' value='{{record[apply_nav].record_phone}}' bindinput='setrecordphone'></input>
  199 + </view>
192 </view> 200 </view>
193 - </view>  
194 </view> 201 </view>
195 <view class='apply_title'>上传身份证照片</view> 202 <view class='apply_title'>上传身份证照片</view>
196 <view class='apply_idbox'> 203 <view class='apply_idbox'>
197 - <view class='apply_idimg' bindtap='uploadImages' data-tem='2'>  
198 - <view class='apply_idimgmain' wx:if='{{!front_card}}' >  
199 - <view class='apply_idupimg'>  
200 - <text class='iconfont icon-camera1'></text>  
201 - </view>  
202 - <view>上传身份证正面</view>  
203 - </view>  
204 - <image src='{{front_card?front_card:"https://volunteer.cnpu.org/imgs/renzhengxinxi_fanmian_bg@2x.png"}}'></image>  
205 - </view>  
206 - <view class='apply_idimg' bindtap='uploadImages' data-tem='3'>  
207 - <view class='apply_idimgmain' wx:if='{{!reverse_card}}' >  
208 - <view class='apply_idupimg'>  
209 - <text class='iconfont icon-camera1'></text>  
210 - </view>  
211 - <view>上传身份证反面</view>  
212 - </view>  
213 - <image src='{{reverse_card?reverse_card:"https://volunteer.cnpu.org/imgs/renzhengxinxi_zhengmian_bg@2x.png"}}'></image>  
214 - </view> 204 + <view class='apply_idimg' bindtap='uploadImages' data-tem='2'>
  205 + <view class='apply_idimgmain' wx:if='{{!front_card}}'>
  206 + <view class='apply_idupimg'>
  207 + <text class='iconfont icon-camera1'></text>
  208 + </view>
  209 + <view>上传身份证正面</view>
  210 + </view>
  211 + <image src='{{front_card?front_card:"https://volunteer.cnpu.org/imgs/renzhengxinxi_fanmian_bg@2x.png"}}'></image>
  212 + </view>
  213 + <view class='apply_idimg' bindtap='uploadImages' data-tem='3'>
  214 + <view class='apply_idimgmain' wx:if='{{!reverse_card}}'>
  215 + <view class='apply_idupimg'>
  216 + <text class='iconfont icon-camera1'></text>
  217 + </view>
  218 + <view>上传身份证反面</view>
  219 + </view>
  220 + <image src='{{reverse_card?reverse_card:"https://volunteer.cnpu.org/imgs/renzhengxinxi_zhengmian_bg@2x.png"}}'></image>
  221 + </view>
215 </view> 222 </view>
216 <view class='apply_bottomtitle'>志愿者申请书 223 <view class='apply_bottomtitle'>志愿者申请书
217 </view> 224 </view>
218 <view class='apply_bottom'> 225 <view class='apply_bottom'>
219 - 为继承和弘扬国际主义战士白求恩的伟大风范和高尚情操,传承和弘扬白求恩的伟大精神,本人自愿申请加入白求恩志愿者队伍。  
220 - 本人愿尽己所能,以“志愿服务”为宗旨,不计报酬、帮助他人、服务社会,恪守国家法律、法规,遵守白求恩志愿者各项规章制度,努力工作,尽职尽责,力争为公益事业做出贡献。  
221 - </view>  
222 - <view class='apply_btn' bindtap='submit' >  
223 -  
224 - 提交  
225 - </view> 226 + 为继承和弘扬国际主义战士白求恩的伟大风范和高尚情操,传承和弘扬白求恩的伟大精神,本人自愿申请加入白求恩志愿者队伍。 本人愿尽己所能,以“志愿服务”为宗旨,不计报酬、帮助他人、服务社会,恪守国家法律、法规,遵守白求恩志愿者各项规章制度,努力工作,尽职尽责,力争为公益事业做出贡献。
  227 +</view>
  228 +<view class='apply_btn' bindtap='submit'>
226 229
227 - <!-- 服务区域 -->  
228 - <view class='apply_vold' wx:if='{{showapply}}' >  
229 - <view class='pickerview'>  
230 - <picker-view indicator-style="height: 40px;" class='pickerview_top' value="{{confirmvalarr}}" bindchange="bindChange">  
231 - <view class='iconfont icon-guanbi1' catchtap='setshowapply_no'></view>  
232 - <picker-view-column>  
233 - <view wx:for="{{provincearr}}" wx:key style="line-height: 40px" class='column_view'>{{ item.province_name}}</view>  
234 - </picker-view-column>  
235 - <picker-view-column>  
236 - <view wx:for="{{cityarr}}" wx:key style="line-height: 40px" class='column_view'>{{item.city_name}}</view>  
237 - </picker-view-column>  
238 - <picker-view-column>  
239 - <view wx:for="{{countryarr}}" wx:key style="line-height: 40px" class='column_view'>{{item.country_name}}</view>  
240 - </picker-view-column>  
241 - </picker-view>  
242 - <view class='apply_vold_btn'>  
243 - <view class='applybtn' catchtap='setno'>取消</view>  
244 - <view class='applybtn yes_applybtn' catchtap='setyes'>确定</view>  
245 - </view>  
246 - </view>  
247 - </view>  
  230 + 提交
  231 +</view>
  232 +
  233 +<!-- 服务区域 -->
  234 +<view class='apply_vold' wx:if='{{showapply}}'>
  235 + <view class='pickerview'>
  236 + <picker-view indicator-style="height: 40px;" class='pickerview_top' value="{{confirmvalarr}}" bindchange="bindChange">
  237 + <view class='iconfont icon-guanbi1' catchtap='setshowapply_no'></view>
  238 + <picker-view-column>
  239 + <view wx:for="{{provincearr}}" wx:key style="line-height: 40px" class='column_view'>{{ item.province_name}}</view>
  240 + </picker-view-column>
  241 + <picker-view-column>
  242 + <view wx:for="{{cityarr}}" wx:key style="line-height: 40px" class='column_view'>{{item.city_name}}</view>
  243 + </picker-view-column>
  244 + <picker-view-column>
  245 + <view wx:for="{{countryarr}}" wx:key style="line-height: 40px" class='column_view'>{{item.country_name}}</view>
  246 + </picker-view-column>
  247 + </picker-view>
  248 + <view class='apply_vold_btn'>
  249 + <view class='applybtn' catchtap='setno'>取消</view>
  250 + <view class='applybtn yes_applybtn' catchtap='setyes'>确定</view>
  251 + </view>
  252 + </view>
  253 +</view>
1 /* pages/apply/apply.wxss */ 1 /* pages/apply/apply.wxss */
2 -.upimg{  
3 - position: relative;  
4 - display: flex;  
5 - align-items: center;  
6 - justify-content: center;  
7 - color:#fff;  
8 - font-size:40rpx;  
9 - width:120rpx;  
10 - height: 120rpx;  
11 - border-radius: 50%;  
12 - overflow: hidden;  
13 - margin: 24rpx auto 34rpx auto;  
14 - background: #CCCCCC;  
15 -}  
16 -.upimg image{  
17 - display: block;  
18 - width:100%;  
19 - height: 100%; 2 +
  3 +.upimg {
  4 + position: relative;
  5 + display: flex;
  6 + align-items: center;
  7 + justify-content: center;
  8 + color: #fff;
  9 + font-size: 40rpx;
  10 + width: 120rpx;
  11 + height: 120rpx;
20 border-radius: 50%; 12 border-radius: 50%;
  13 + overflow: hidden;
  14 + margin: 24rpx auto 34rpx auto;
  15 + background: #ccc;
  16 +}
  17 +
  18 +.upimg image {
  19 + display: block;
  20 + width: 100%;
  21 + height: 100%;
  22 + border-radius: 50%;
  23 +}
  24 +
  25 +.upimg .iconfont {
  26 + position: absolute;
  27 + top: 50%;
  28 + left: 50%;
  29 + transform: translate(-50%, -50%);
  30 + color: #fff;
  31 + font-size: 50rpx;
  32 +}
  33 +
  34 +.tips_word {
  35 + width: 100%;
  36 + text-align: center;
  37 + color: #ccc;
  38 + font-size: 28rpx;
  39 +}
  40 +
  41 +.apply_item {
  42 + color: #333;
  43 + font-size: 28rpx;
  44 + display: flex;
  45 + align-items: center;
  46 + justify-content: space-between;
  47 + margin: 0 32rpx;
  48 + border-bottom: 1rpx solid #e6e6e6;
  49 + padding: 30rpx 0;
  50 +}
  51 +
  52 +.apply_item_input {
  53 + display: flex;
  54 + align-items: center;
  55 + flex-direction: row-reverse;
  56 + width: 70%;
  57 + color: #333;
  58 + font-size: 28rpx;
  59 +}
  60 +
  61 +.apply_item_input input {
  62 + width: 100%;
  63 +}
  64 +
  65 +.apply_item_input .iconfont {
  66 + color: #ccc;
  67 +}
  68 +
  69 +.big_item .apply_item_input {
  70 + width: 60%;
  71 +}
  72 +
  73 +.apply_item_input input {
  74 + text-align: right;
  75 +}
  76 +
  77 +.input_p {
  78 + color: #ccc;
  79 + font-size: 28rpx;
  80 +}
  81 +
  82 +.apply_itemtxt {
  83 + color: #ccc;
  84 + font-size: 28rpx;
  85 +}
  86 +
  87 +.apply_nav {
  88 + display: flex;
  89 + align-items: center;
  90 + margin: 70rpx 32rpx 0rpx 32rpx;
  91 +}
  92 +
  93 +.apply_cell {
  94 + position: relative;
  95 + margin: 0 50rpx 0 0;
  96 + color: #999;
  97 + font-size: 26rpx;
  98 +}
  99 +
  100 +.apply_active {
  101 + position: relative;
  102 + color: #21ae59;
  103 +}
  104 +
  105 +.apply_active::after {
  106 + position: absolute;
  107 + width: 100%;
  108 + bottom: -5rpx;
  109 + background: #21ae59;
  110 + left: 0;
  111 + height: 2rpx;
  112 + content: '';
  113 + z-index: 10;
  114 +}
  115 +
  116 +.apply_title {
  117 + margin: 34rpx 32rpx;
  118 + color: #333;
  119 + font-size: 28rpx;
  120 +}
  121 +
  122 +.apply_idbox {
  123 + margin: 0 32rpx;
  124 + display: flex;
  125 + align-items: center;
  126 + justify-content: space-between;
  127 +}
  128 +
  129 +.apply_idimg {
  130 + position: relative;
  131 + width: 49%;
  132 + height: 202rpx;
  133 + border: 1rpx solid #e6e6e6;
  134 + display: flex;
  135 + align-items: center;
  136 + justify-content: center;
  137 + border-radius: 8rpx;
  138 +}
  139 +
  140 +.apply_idimg image {
  141 + height: 100%;
  142 + width: 100%;
  143 + display: block;
  144 +}
  145 +
  146 +.apply_idimgmain {
  147 + position: absolute;
  148 + top: 50%;
  149 + left: 50%;
  150 + display: flex;
  151 + align-items: center;
  152 + justify-content: center;
  153 + flex-direction: column;
  154 + width: 100%;
  155 + height: 100%;
  156 + transform: translate(-50%, -50%);
  157 + color: #666;
  158 + font-size: 26rpx;
  159 +}
  160 +
  161 +.apply_idupimg {
  162 + display: flex;
  163 + align-items: center;
  164 + justify-content: center;
  165 + width: 74rpx;
  166 + height: 74rpx;
  167 + border-radius: 50%;
  168 + background: #41cd79;
  169 + color: #fff;
  170 + font-size: 40rpx;
  171 + margin: 0 0 20rpx 0;
  172 +}
  173 +
  174 +.apply_idupimg .iconfont {
  175 + font-size: 30rpx;
  176 +}
  177 +
  178 +.apply_bottomtitle {
  179 + margin: 74rpx 0 26rpx 0;
  180 + text-align: center;
  181 + color: #333;
  182 + font-size: 33rpx;
  183 + font-weight: bold;
  184 +}
  185 +
  186 +.apply_bottom {
  187 + margin: 0 32rpx 58rpx 32rpx;
  188 + color: #666;
  189 + font-size: 26rpx;
  190 + line-height: 50rpx;
  191 +}
  192 +
  193 +.apply_btn {
  194 + position: relative;
  195 + margin: 0 32rpx 32rpx 32rpx;
  196 + height: 88rpx;
  197 + line-height: 88rpx;
  198 + background: #41cd79;
  199 + color: #fff;
  200 + font-size: 32rpx;
  201 + display: flex;
  202 + align-items: center;
  203 + justify-content: center;
  204 + border-radius: 8rpx;
  205 +}
  206 +
  207 +.apply_btn:active {
  208 + opacity: 0.7;
  209 +}
  210 +
  211 +.color333 {
  212 + color: #333;
  213 +}
  214 +
  215 +.apply_vold {
  216 + position: fixed;
  217 + top: 0;
  218 + left: 0;
  219 + width: 100%;
  220 + height: 100%;
  221 + background: rgba(0, 0, 0, 0.2);
  222 + z-index: 10;
  223 + display: flex;
  224 + /* display: none; */
  225 + justify-content: center;
  226 + align-items: center;
  227 +}
  228 +
  229 +.pickerview {
  230 + position: relative;
  231 + background: #fff;
  232 + width: 100%;
  233 + margin: 0 auto;
  234 + overflow: hidden;
  235 +}
  236 +
  237 +.pickerview .icon-guanbi1 {
  238 + position: absolute;
  239 + font-weight: bold;
  240 + font-size: 40rpx;
  241 + top: 20rpx;
  242 + right: 50rpx;
  243 + color: #333;
  244 + z-index: 100;
  245 +}
  246 +
  247 +.pickerview_top {
  248 + width: 100%;
  249 + padding: 0 30rpx;
  250 + height: 400rpx;
  251 +}
  252 +
  253 +.apply_vold_btn {
  254 + display: flex;
  255 + align-items: center;
  256 + justify-content: space-between;
  257 +}
  258 +
  259 +.applybtn {
  260 + position: relative;
  261 + border: 1rpx solid #f6f6f6;
  262 + color: #333;
  263 + font-size: 40rpx;
  264 + height: 80rpx;
  265 + width: 50%;
  266 + display: flex;
  267 + align-items: center;
  268 + justify-content: center;
  269 +}
  270 +
  271 +.inofbtn {
  272 + position: absolute;
  273 + top: 0;
  274 + left: 0;
  275 + width: 100%;
  276 + height: 100%;
  277 + z-index: 10;
  278 + opacity: 0;
  279 +}
  280 +
  281 +.applybtn:active {
  282 + opacity: 0.7;
  283 +}
  284 +
  285 +.yes_applybtn {
  286 + background-color: #04be02;
  287 + color: #fff;
  288 + border: 1rpx solid #04be02;
  289 +}
  290 +
  291 +.column_view {
  292 + display: flex;
  293 + justify-content: center;
  294 + align-items: center;
21 } 295 }
22 -.upimg .iconfont{  
23 - position: absolute;  
24 - top:50%;  
25 - left:50%;  
26 - transform: translate(-50%,-50%);  
27 - color:#fff;  
28 - font-size:50rpx;  
29 -}  
30 -.apply_item{  
31 - color:#333333;  
32 - font-size:28rpx;  
33 - display: flex;  
34 - align-items: center;  
35 - justify-content: space-between;  
36 - margin: 0 32rpx;  
37 - border-bottom:1rpx solid #e6e6e6;  
38 - padding:30rpx 0;  
39 -}  
40 -  
41 -.apply_item_input{  
42 - display: flex;  
43 - align-items: center;  
44 - flex-direction: row-reverse;  
45 - width:70%;  
46 - color:#333;  
47 - font-size:28rpx;  
48 -}  
49 -.apply_item_input input{  
50 - width:100%;  
51 -}  
52 -.apply_item_input .iconfont{  
53 - color:#ccc;  
54 -}  
55 -.big_item .apply_item_input{  
56 - width:60%;  
57 -}  
58 -.apply_item_input input{  
59 - text-align: right;  
60 -}  
61 -.input_p{  
62 - color:#ccc;  
63 - font-size:28rpx;  
64 -}  
65 -.apply_itemtxt{  
66 - color:#ccc;  
67 - font-size:28rpx;  
68 -}  
69 -.apply_nav{  
70 - display: flex;  
71 - align-items: center;  
72 - margin: 70rpx 32rpx 0rpx 32rpx;  
73 -}  
74 -.apply_cell{  
75 - position: relative;  
76 - margin: 0 50rpx 0 0;  
77 - color:#999;  
78 - font-size:26rpx;  
79 -}  
80 -.apply_active{  
81 - position: relative;  
82 - color:#21AE59;  
83 -}  
84 -.apply_active::after{  
85 -position: absolute;  
86 -width:100%;  
87 -bottom:-5rpx;  
88 -background:#21AE59;  
89 -left:0;  
90 -height: 2rpx;  
91 -content: '';  
92 -z-index:10;  
93 -}  
94 -.apply_title{  
95 - margin: 34rpx 32rpx;  
96 - color:#333;  
97 - font-size:28rpx;  
98 -}  
99 -.apply_idbox{  
100 - margin: 0 32rpx;  
101 - display: flex;  
102 - align-items: center;  
103 - justify-content: space-between;  
104 -}  
105 -.apply_idimg{  
106 - position: relative;  
107 - width:49%;  
108 - height: 202rpx;  
109 - border:1rpx solid #e6e6e6;  
110 - display: flex;  
111 - align-items: center;  
112 - justify-content: center;  
113 - border-radius: 8rpx;  
114 -}  
115 -.apply_idimg image{  
116 - height: 100%;  
117 - width:100%;  
118 - display: block;  
119 -}  
120 -.apply_idimgmain{  
121 - position: absolute;  
122 - top:50%;  
123 - left:50%;  
124 - display: flex;  
125 - align-items: center;  
126 - justify-content: center;  
127 - flex-direction: column;  
128 - width:100%;  
129 - height: 100%;  
130 - transform: translate(-50%,-50%);  
131 - color:#666;  
132 - font-size:26rpx;  
133 -}  
134 -.apply_idupimg{  
135 - display: flex;  
136 - align-items: center;  
137 - justify-content: center;  
138 - width:74rpx;  
139 - height: 74rpx;  
140 - border-radius: 50%;  
141 - background: #41CD79;  
142 - color:#fff;  
143 - font-size:40rpx;  
144 - margin: 0 0 20rpx 0;  
145 -}  
146 -.apply_idupimg .iconfont{  
147 - font-size: 30rpx;  
148 -}  
149 -.apply_bottomtitle{  
150 - margin: 74rpx 0 26rpx 0;  
151 - text-align: center;  
152 - color:#333333;  
153 - font-size:33rpx;  
154 - font-weight: bold;  
155 -}  
156 -.apply_bottom{  
157 - margin: 0 32rpx 58rpx 32rpx;  
158 - color:#666;  
159 - font-size:26rpx;  
160 - line-height: 50rpx;  
161 -}  
162 -.apply_btn{  
163 - position: relative;  
164 - margin: 0 32rpx 32rpx 32rpx;  
165 - height: 88rpx;  
166 - line-height: 88rpx;  
167 - background: #41CD79;  
168 - color:#fff;  
169 - font-size:32rpx;  
170 - display: flex;  
171 - align-items: center;  
172 - justify-content: center;  
173 - border-radius: 8rpx;  
174 -}  
175 -.apply_btn:active{  
176 - opacity: 0.7;  
177 -}  
178 -.color333{  
179 - color:#333;  
180 -}  
181 -.apply_vold{  
182 -  
183 - position: fixed;  
184 - top:0;  
185 - left:0;  
186 - width:100%;  
187 - height: 100%;  
188 - background: rgba(0,0,0,0.2);  
189 - z-index: 10;  
190 - display: flex;  
191 - /* display: none; */  
192 - justify-content: center;  
193 - align-items: center;  
194 -}  
195 -.pickerview{  
196 - position: relative;  
197 - background: #fff;  
198 - width:100%;  
199 - margin: 0 auto;  
200 - overflow: hidden;  
201 -}  
202 -.pickerview .icon-guanbi1{  
203 - position: absolute;  
204 - font-weight: bold;  
205 - font-size: 40rpx;  
206 - top:20rpx;  
207 - right: 50rpx;  
208 - color:#333;  
209 - z-index:100;  
210 -}  
211 -.pickerview_top{  
212 - width:100%;  
213 - padding:0 30rpx;  
214 - height: 400rpx;  
215 -}  
216 -.apply_vold_btn{  
217 - display: flex;  
218 - align-items: center;  
219 - justify-content: space-between;  
220 -}  
221 -.applybtn{  
222 - position: relative;  
223 - border:1rpx solid #f6f6f6;  
224 - color:#333;  
225 - font-size: 40rpx;  
226 - height: 80rpx;  
227 - width:50%;  
228 - display: flex;  
229 - align-items: center;  
230 - justify-content: center;  
231 -}  
232 -.inofbtn{  
233 - position: absolute;  
234 - top:0;  
235 - left:0;  
236 -  
237 - width:100%;  
238 - height: 100%;  
239 - z-index:10;  
240 - opacity: 0;  
241 -  
242 -}  
243 -.applybtn:active{  
244 - opacity: 0.7;  
245 -}  
246 -.yes_applybtn{  
247 - background-color: #04be02;  
248 - color:#fff;  
249 - border:1rpx solid #04be02;  
250 -}  
251 -.column_view{  
252 - display: flex;  
253 - justify-content: center;  
254 - align-items: center;  
255 -}  
@@ -196,40 +196,71 @@ Page({ @@ -196,40 +196,71 @@ Page({
196 }).catch((err) => { 196 }).catch((err) => {
197 197
198 }) 198 })
  199 + },
  200 + get_news(){
  201 + let that = this;
  202 + let head = {
  203 + 'XX-Token': wx.getStorageSync('token')
  204 + }
  205 + let url = '/index/index/news_info';
  206 + let params = {
  207 + id: that.data.id
  208 + }
  209 + app.post(url, params, head).then((res) => {
  210 + that.setData({
  211 + datalist: res
  212 + })
  213 + wxParse.wxParse('content', 'html', res.content, that, 5);
  214 + }).catch((err) => {
199 215
  216 + })
200 }, 217 },
201 /** 218 /**
202 * 生命周期函数--监听页面加载 219 * 生命周期函数--监听页面加载
203 */ 220 */
204 onLoad: function(options) { 221 onLoad: function(options) {
  222 + console.log(options)
205 let that = this; 223 let that = this;
206 - if (options.status == '1') {  
207 - that.setData({  
208 - id: options.id,  
209 - status: options.status  
210 - }) 224 + if (options.type == 1){
211 wx.setNavigationBarTitle({ 225 wx.setNavigationBarTitle({
212 title: '活动详情' 226 title: '活动详情'
213 }) 227 })
214 - that.getdatalist();  
215 - } else if (options.status == '2') {  
216 - that.setData({  
217 - status: options.status  
218 - })  
219 - wx.setNavigationBarTitle({  
220 - title: '关于我们'  
221 - })  
222 - that.getdatalist();  
223 - } else if (options.status == '3') {  
224 that.setData({ 228 that.setData({
  229 + type: options.type,
  230 + id: options.id,
225 status: options.status 231 status: options.status
226 }) 232 })
227 - wx.setNavigationBarTitle({  
228 - title: '联系我们'  
229 - })  
230 - that.getdatalist(); 233 + that.get_news()
  234 + } else {
  235 + if (options.status == '1') {
  236 + that.setData({
  237 + id: options.id,
  238 + status: options.status
  239 + })
  240 + wx.setNavigationBarTitle({
  241 + title: '活动详情'
  242 + })
  243 + that.getdatalist();
  244 + } else if (options.status == '2') {
  245 + that.setData({
  246 + status: options.status
  247 + })
  248 + wx.setNavigationBarTitle({
  249 + title: '关于我们'
  250 + })
  251 + that.getdatalist();
  252 + } else if (options.status == '3') {
  253 + that.setData({
  254 + status: options.status
  255 + })
  256 + wx.setNavigationBarTitle({
  257 + title: '联系我们'
  258 + })
  259 + that.getdatalist();
  260 + }
  261 + that.getSystemInfo()
231 } 262 }
232 - that.getSystemInfo() 263 +
233 }, 264 },
234 265
235 /** 266 /**
1 -  
2 <view class='main'> 1 <view class='main'>
3 <view class='top_img'> 2 <view class='top_img'>
4 <image src='{{datalist.thumbnail}}'></image> 3 <image src='{{datalist.thumbnail}}'></image>
@@ -10,7 +9,7 @@ @@ -10,7 +9,7 @@
10 <import src="../../wxParse/wxParse.wxml" /> 9 <import src="../../wxParse/wxParse.wxml" />
11 <template is='wxParse' data='{{wxParseData:content.nodes}}' /> 10 <template is='wxParse' data='{{wxParseData:content.nodes}}' />
12 </view> 11 </view>
13 - <view class='memberbox' wx:if='{{datalist.join.length>0}}'> 12 + <view class='memberbox' wx:if='{{datalist.join.length>0 && type != 1}}'>
14 <view class='title'>已成功报名人员</view> 13 <view class='title'>已成功报名人员</view>
15 <view class='member' wx:for='{{datalist.join}}' wx:key=''> 14 <view class='member' wx:for='{{datalist.join}}' wx:key=''>
16 <image src='{{item.photo}}'></image> 15 <image src='{{item.photo}}'></image>
@@ -18,36 +17,39 @@ @@ -18,36 +17,39 @@
18 </view> 17 </view>
19 </view> 18 </view>
20 </view> 19 </view>
21 -<view class='foot' bindtap='enroll' wx:if='{{datalist.button_status == 1}}'>报名</view>  
22 -<view class='foot' wx:if='{{datalist.button_status == 2}}'>待审核</view>  
23 -<view class='foot' bindtap='sign' wx:if='{{datalist.button_status == 3}}'>签到</view>  
24 -<view class='foot' wx:if='{{datalist.button_status == 4}}'>已签到</view>  
25 -<view class='foot' wx:if='{{datalist.button_status == 5}}'>已结束</view>  
26 -<navigator url='/pages/result/result' class='foot' wx:if='{{datalist.button_status == 6}}'>成为志愿者</navigator>  
27 -<view class='cover' style='width:100%;height:{{height}};' wx:if='{{cover_type}}'>  
28 - <view class='toast_box'>  
29 - <view class='cover_box' catchtap=''>  
30 - <view class='title'>报名方式</view>  
31 - <image src='/imgs/del.png' class='close' bindtap='change_cover'></image>  
32 - <picker range='{{enroll_arr}}' bindchange='selectenroll'>  
33 - <view class="enroll ">  
34 - {{enroll}}  
35 - </view>  
36 - </picker> 20 +<view wx:if="{{type!= 1}}">
  21 + <view class='foot' bindtap='enroll' wx:if='{{datalist.button_status == 1}}'>报名</view>
  22 + <view class='foot' wx:if='{{datalist.button_status == 2}}'>待审核</view>
  23 + <view class='foot' bindtap='sign' wx:if='{{datalist.button_status == 3}}'>签到</view>
  24 + <view class='foot' wx:if='{{datalist.button_status == 4}}'>已签到</view>
  25 + <view class='foot' wx:if='{{datalist.button_status == 5}}'>已结束</view>
  26 + <navigator url='/pages/result/result' class='foot' wx:if='{{datalist.button_status == 6}}'>成为志愿者</navigator>
  27 + <view class='cover' style='width:100%;height:{{height}};' wx:if='{{cover_type}}'>
  28 + <view class='toast_box'>
  29 + <view class='cover_box' catchtap=''>
  30 + <view class='title'>报名方式</view>
  31 + <image src='/imgs/del.png' class='close' bindtap='change_cover'></image>
  32 + <picker range='{{enroll_arr}}' bindchange='selectenroll'>
  33 + <view class="enroll ">
  34 + {{enroll}}
  35 + </view>
  36 + </picker>
37 37
38 - <picker mode='date' bindchange='selecte_startTime' wx:if='{{type}}'>  
39 - <view class='time'>  
40 - {{starTime}}  
41 - </view>  
42 - </picker> 38 + <picker mode='date' bindchange='selecte_startTime' wx:if='{{type}}'>
  39 + <view class='time'>
  40 + {{starTime}}
  41 + </view>
  42 + </picker>
43 43
44 - <picker mode='date' bindchange='selecte_endTime' wx:if='{{type}}'>  
45 - <view class='time'>  
46 - {{endTime}}  
47 - </view>  
48 - </picker>  
49 - <view class='sub_bnt' bindtap='submit'>确定</view> 44 + <picker mode='date' bindchange='selecte_endTime' wx:if='{{type}}'>
  45 + <view class='time'>
  46 + {{endTime}}
  47 + </view>
  48 + </picker>
  49 + <view class='sub_bnt' bindtap='submit'>确定</view>
  50 + </view>
50 </view> 51 </view>
  52 +
51 </view> 53 </view>
52 54
53 </view> 55 </view>
@@ -5,6 +5,7 @@ Page({ @@ -5,6 +5,7 @@ Page({
5 * 页面的初始数据 5 * 页面的初始数据
6 */ 6 */
7 data: { 7 data: {
  8 + city_id: '',
8 clickIndex: true, 9 clickIndex: true,
9 index:0, 10 index:0,
10 datalist: [], 11 datalist: [],
@@ -18,6 +19,7 @@ Page({ @@ -18,6 +19,7 @@ Page({
18 category: '选择分类', 19 category: '选择分类',
19 }, 20 },
20 selecteCtiy(e){ 21 selecteCtiy(e){
  22 + console.log(e)
21 this.setData({ 23 this.setData({
22 city: this.data.city_arr[e.detail.value], 24 city: this.data.city_arr[e.detail.value],
23 city_id: this.data.city_arrid[e.detail.value] 25 city_id: this.data.city_arrid[e.detail.value]
@@ -25,6 +27,7 @@ Page({ @@ -25,6 +27,7 @@ Page({
25 this.city_active() 27 this.city_active()
26 }, 28 },
27 selecteClass(e) { 29 selecteClass(e) {
  30 + console.log(e)
28 this.setData({ 31 this.setData({
29 category: this.data.class_arr[e.detail.value], 32 category: this.data.class_arr[e.detail.value],
30 type: this.data.class_arrid[e.detail.value] 33 type: this.data.class_arrid[e.detail.value]
@@ -35,6 +38,7 @@ Page({ @@ -35,6 +38,7 @@ Page({
35 * 切换 38 * 切换
36 */ 39 */
37 clicktab(e) { 40 clicktab(e) {
  41 + console.log(e)
38 let that = this 42 let that = this
39 let id = e.currentTarget.dataset.id 43 let id = e.currentTarget.dataset.id
40 if (id == '2') { 44 if (id == '2') {
@@ -42,13 +46,11 @@ Page({ @@ -42,13 +46,11 @@ Page({
42 clickIndexs: true, 46 clickIndexs: true,
43 clickIndex: false 47 clickIndex: false
44 }) 48 })
45 - this.type_active()  
46 } else if (id == '1') { 49 } else if (id == '1') {
47 that.setData({ 50 that.setData({
48 clickIndexs: false, 51 clickIndexs: false,
49 clickIndex: true 52 clickIndex: true
50 }) 53 })
51 - this.city_active()  
52 } 54 }
53 //调用接口 55 //调用接口
54 }, 56 },
@@ -149,10 +151,7 @@ Page({ @@ -149,10 +151,7 @@ Page({
149 * 生命周期函数--监听页面显示 151 * 生命周期函数--监听页面显示
150 */ 152 */
151 onShow: function () { 153 onShow: function () {
152 - let that = this;  
153 -  
154 -  
155 - 154 +
156 }, 155 },
157 156
158 /** 157 /**
@@ -25,7 +25,7 @@ @@ -25,7 +25,7 @@
25 </view> 25 </view>
26 <view class='new_title'>{{item.activity_name}}</view> 26 <view class='new_title'>{{item.activity_name}}</view>
27 <view class='title_box'> 27 <view class='title_box'>
28 - <view> 28 + <view class='wz_box'>
29 <image src='/imgs/dizhi@2x.png' /> 29 <image src='/imgs/dizhi@2x.png' />
30 <text>{{item.province_name}}</text> 30 <text>{{item.province_name}}</text>
31 </view> 31 </view>
@@ -50,7 +50,11 @@ @@ -50,7 +50,11 @@
50 font-size: 28rpx; 50 font-size: 28rpx;
51 } 51 }
52 52
53 - 53 +.wz_box{
  54 + overflow: hidden;
  55 + text-overflow: ellipsis;
  56 + white-space: nowrap;
  57 +}
54 58
55 .title_box { 59 .title_box {
56 margin: 18rpx 0 13rpx 0; 60 margin: 18rpx 0 13rpx 0;
@@ -68,6 +72,9 @@ @@ -68,6 +72,9 @@
68 .title_box .word{ 72 .title_box .word{
69 color: #666; 73 color: #666;
70 font-size: 24rpx; 74 font-size: 24rpx;
  75 + overflow: hidden;
  76 + text-overflow: ellipsis;
  77 + white-space: nowrap;
71 } 78 }
72 .tabbar { 79 .tabbar {
73 width: 100%; 80 width: 100%;
1 -const app=getApp(); 1 +const app = getApp();
2 Page({ 2 Page({
3 3
4 /** 4 /**
@@ -6,154 +6,166 @@ Page({ @@ -6,154 +6,166 @@ Page({
6 */ 6 */
7 data: { 7 data: {
8 star_num: 3, 8 star_num: 3,
9 - datalist:[],  
10 - activity_page:0,  
11 - activity:[] 9 + datalist: [],
  10 + activity_page: 0,
  11 + activity: [],
  12 + page_type: true
12 }, 13 },
13 - getdatalist(){  
14 - let that=this;  
15 - let url ='index/index/index';  
16 - let head = {  
17 - 'XX-Token': wx.getStorageSync('token')  
18 - }  
19 - let params={  
20 - volunteer_page:0,  
21 - volunteer_pageNum:3,  
22 - activity_page: that.data.activity_page,  
23 - activity_pageNum:4  
24 - }  
25 - app.post(url, params, head).then((res)=>{  
26 - let activity = res.activity;  
27 - let tem = [];  
28 - let temactivity = [];  
29 - for (let i = 0; i < activity.length; i++) {  
30 - tem.push(activity[i])  
31 - if ((i + 1) != activity.length){  
32 - if ((i + 1) % 2 == 0) {  
33 - temactivity.push(tem);  
34 - tem = [];  
35 - }  
36 - }else{  
37 - temactivity.push(tem);  
38 - tem = [];  
39 - }  
40 -  
41 - 14 + getdatalist() {
  15 + let that = this;
  16 + let url = 'index/index/index';
  17 + let head = {
  18 + 'XX-Token': wx.getStorageSync('token')
42 } 19 }
43 - let dataactivity = that.data.activity;  
44 - let temdataactivity = dataactivity.concat(temactivity);  
45 - that.setData({  
46 - datalist:res,  
47 - activity: temdataactivity,  
48 - activity_page: res.activity_page,  
49 - begin: res.begin  
50 - })  
51 - }).catch((err)=>{  
52 -  
53 - })  
54 - },  
55 - //判断是否登陆  
56 - get_token(){  
57 -let that=this;  
58 - wx.login({  
59 - success: function (s) {  
60 - let url = 'wxapp/public/getSessionKey';  
61 - if (s.code) {  
62 - var code = s.code;  
63 - var param = {  
64 - code: code  
65 - }  
66 - app.post(url, param).then((res) => {  
67 - let url ='wxapp/public/get_token';  
68 - let params={  
69 - openid: res.openid 20 + let params = {
  21 + volunteer_page: 0,
  22 + volunteer_pageNum: 3,
  23 + activity_page: that.data.activity_page,
  24 + activity_pageNum: 4
  25 + }
  26 + app.post(url, params, head).then((res) => {
  27 + console.log(res)
  28 + if (res.news.length > 0) {
  29 + that.setData({
  30 + page_type: true
  31 + })
  32 + } else {
  33 + that.setData({
  34 + page_type: false
  35 + })
70 } 36 }
71 - app.post(url, params).then((res)=>{  
72 - console.log(res);  
73 - if(res.data){  
74 - wx.setStorageSync('token', res.data); 37 + if (that.data.news == null) {
75 that.setData({ 38 that.setData({
76 - datalist: [],  
77 - activity_page: 0,  
78 - activity: [] 39 + datalist: res,
  40 + activity: res.activity,
  41 + // activity_page: res.activity_page,
  42 + news: res.news
79 }) 43 })
80 - that.getdatalist();  
81 - }else{  
82 - wx.redirectTo({  
83 - url: '/pages/start/start' 44 + } else {
  45 + that.setData({
  46 + news: that.data.news.concat(res.news)
84 }) 47 })
85 - }  
86 - }).catch((err)=>{ 48 + }
  49 + }).catch((err) => {
87 50
88 - })  
89 - }).catch((errMsg) => {  
90 - console.log(errMsg);  
91 - })  
92 - }  
93 - }  
94 - });  
95 - }, 51 + })
  52 + },
  53 + //判断是否登陆
  54 + get_token() {
  55 + let that = this;
  56 + wx.login({
  57 + success: function(s) {
  58 + let url = 'wxapp/public/getSessionKey';
  59 + if (s.code) {
  60 + var code = s.code;
  61 + var param = {
  62 + code: code
  63 + }
  64 + app.post(url, param).then((res) => {
  65 + let url = 'wxapp/public/get_token';
  66 + let params = {
  67 + openid: res.openid
  68 + }
  69 + app.post(url, params).then((res) => {
  70 + console.log(res);
  71 + if (res.data) {
  72 + wx.setStorageSync('token', res.data);
  73 + that.setData({
  74 + datalist: [],
  75 + activity_page: 0,
  76 + activity: []
  77 + })
  78 + that.getdatalist();
  79 + } else {
  80 + wx.redirectTo({
  81 + url: '/pages/start/start'
  82 + })
  83 + }
  84 + }).catch((err) => {
  85 +
  86 + })
  87 + }).catch((errMsg) => {
  88 + console.log(errMsg);
  89 + })
  90 + }
  91 + }
  92 + });
  93 + },
96 /** 94 /**
97 * 生命周期函数--监听页面加载 95 * 生命周期函数--监听页面加载
98 */ 96 */
99 - onLoad: function (options) {  
100 - let windowHeight = wx.getSystemInfoSync().windowHeight;// 屏幕的高度  
101 - let windowWidth = wx.getSystemInfoSync().windowWidth // 屏幕的宽度  
102 - this.setData({  
103 - scroll_height: windowHeight * 750 / windowWidth  
104 - })  
105 - 97 + onLoad: function(options) {
  98 + let that = this;
  99 + that.get_token();
  100 + // let windowHeight = wx.getSystemInfoSync().windowHeight; // 屏幕的高度
  101 + // let windowWidth = wx.getSystemInfoSync().windowWidth // 屏幕的宽度
  102 + // this.setData({
  103 + // scroll_height: windowHeight * 750 / windowWidth
  104 + // })
  105 +
106 }, 106 },
107 107
108 /** 108 /**
109 * 生命周期函数--监听页面初次渲染完成 109 * 生命周期函数--监听页面初次渲染完成
110 */ 110 */
111 - onReady: function () {  
112 - 111 + onReady: function() {
  112 +
113 }, 113 },
114 114
115 /** 115 /**
116 * 生命周期函数--监听页面显示 116 * 生命周期函数--监听页面显示
117 */ 117 */
118 - onShow: function () {  
119 - let that = this;  
120 -  
121 - that.get_token();  
122 - 118 + onShow: function() {
  119 +
  120 +
123 }, 121 },
124 122
125 /** 123 /**
126 * 生命周期函数--监听页面隐藏 124 * 生命周期函数--监听页面隐藏
127 */ 125 */
128 - onHide: function () {  
129 - 126 + onHide: function() {
  127 +
130 }, 128 },
131 129
132 /** 130 /**
133 * 生命周期函数--监听页面卸载 131 * 生命周期函数--监听页面卸载
134 */ 132 */
135 - onUnload: function () {  
136 - 133 + onUnload: function() {
  134 +
137 }, 135 },
138 136
139 /** 137 /**
140 * 页面相关事件处理函数--监听用户下拉动作 138 * 页面相关事件处理函数--监听用户下拉动作
141 */ 139 */
142 - onPullDownRefresh: function () {  
143 - 140 + onPullDownRefresh: function() {
  141 +
144 }, 142 },
145 143
146 /** 144 /**
147 * 页面上拉触底事件的处理函数 145 * 页面上拉触底事件的处理函数
148 */ 146 */
149 - onReachBottom: function () {  
150 - 147 + onReachBottom: function() {
  148 + let that = this
  149 + if (that.data.page_type == false) {
  150 + wx.showToast({
  151 + title: '暂无更多数据',
  152 + icon: 'none',
  153 + duration: 1000
  154 + })
  155 + return false
  156 + }
  157 + console.log(that.data.activity_page)
  158 + that.setData({
  159 + activity_page: that.data.activity_page + 1
  160 + })
  161 + console.log(that.data.activity_page)
  162 + that.getdatalist()
151 }, 163 },
152 164
153 /** 165 /**
154 * 用户点击右上角分享 166 * 用户点击右上角分享
155 */ 167 */
156 - onShareAppMessage: function () {  
157 - 168 + onShareAppMessage: function() {
  169 +
158 } 170 }
159 }) 171 })
1 -<!--index.wxml-->  
2 -<scroll-view scroll-y='true' bindscrolltolower='getdatalist' style='height:{{scroll_height}}rpx'> 1 +
  2 +<!-- <scroll-view scroll-y='true' bindscrolltolower='getdatalist' style='height:{{scroll_height}}rpx'> -->
3 <swiper indicator-dots="true" autoplay="true" indicator-color='#8C9194' indicator-active-color='#ffffff' class="slide-image"> 3 <swiper indicator-dots="true" autoplay="true" indicator-color='#8C9194' indicator-active-color='#ffffff' class="slide-image">
4 <navigator wx:for="{{datalist.slide}}" wx:key hover-class="none" url='/pages/img_txt/img_txt?id={{item.activity_id}}&status=1'> 4 <navigator wx:for="{{datalist.slide}}" wx:key hover-class="none" url='/pages/img_txt/img_txt?id={{item.activity_id}}&status=1'>
5 <swiper-item> 5 <swiper-item>
@@ -41,14 +41,14 @@ @@ -41,14 +41,14 @@
41 41
42 <view> 42 <view>
43 <view class='new_box'> 43 <view class='new_box'>
44 - <navigator class='new_cell' wx:for='{{begin}}' wx:key url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> 44 + <navigator class='new_cell' wx:for='{{activity}}' wx:key url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none">
45 <view class='new_cellmain'> 45 <view class='new_cellmain'>
46 <view class='new_img'> 46 <view class='new_img'>
47 <image src='{{item.thumbnail}}'> </image> 47 <image src='{{item.thumbnail}}'> </image>
48 </view> 48 </view>
49 <view class='new_title'>{{item.activity_name}}</view> 49 <view class='new_title'>{{item.activity_name}}</view>
50 <view class='title_box'> 50 <view class='title_box'>
51 - <view> 51 + <view class='wz_box'>
52 <image src='/imgs/dizhi@2x.png' /> 52 <image src='/imgs/dizhi@2x.png' />
53 <text>{{item.province_name}}</text> 53 <text>{{item.province_name}}</text>
54 </view> 54 </view>
@@ -64,8 +64,8 @@ @@ -64,8 +64,8 @@
64 <view class='index_newbox'> 64 <view class='index_newbox'>
65 <view class='title activity_title'>活动快讯</view> 65 <view class='title activity_title'>活动快讯</view>
66 <view> 66 <view>
67 - <view class='new_box' wx:for='{{activity}}' wx:key>  
68 - <navigator class='new_cell' wx:for='{{item}}' wx:key url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> 67 + <view class='new_box'>
  68 + <navigator class='new_cell' wx:for='{{news}}' wx:key url='/pages/img_txt/img_txt?id={{item.id}}&status=1&type=1' hover-class="none">
69 <view class='new_cellmain'> 69 <view class='new_cellmain'>
70 <view class='new_img'> 70 <view class='new_img'>
71 <image src='{{item.thumbnail}}'> </image> 71 <image src='{{item.thumbnail}}'> </image>
@@ -77,4 +77,4 @@ @@ -77,4 +77,4 @@
77 </view> 77 </view>
78 </view> 78 </view>
79 </view> 79 </view>
80 -</scroll-view>  
  80 +<!-- </scroll-view> -->
1 -/**index.wxss**/  
2 -  
3 .slide-image { 1 .slide-image {
4 height: 300rpx; 2 height: 300rpx;
5 width: 100%; 3 width: 100%;
@@ -43,7 +41,6 @@ @@ -43,7 +41,6 @@
43 color: #999; 41 color: #999;
44 font-size: 26rpx; 42 font-size: 26rpx;
45 display: flex; 43 display: flex;
46 - /* justify-content: space-between; */  
47 align-items: center; 44 align-items: center;
48 } 45 }
49 46
@@ -75,7 +72,7 @@ @@ -75,7 +72,7 @@
75 height: 100%; 72 height: 100%;
76 display: block; 73 display: block;
77 } 74 }
78 -/* 22 */ 75 +
79 .index_newbox { 76 .index_newbox {
80 margin: 32rpx 0rpx 0 0rpx; 77 margin: 32rpx 0rpx 0 0rpx;
81 } 78 }
@@ -88,13 +85,12 @@ @@ -88,13 +85,12 @@
88 padding: 0 32rpx; 85 padding: 0 32rpx;
89 font-size: 24rpx; 86 font-size: 24rpx;
90 flex-wrap: wrap; 87 flex-wrap: wrap;
91 - border-bottom: 1rpx solid #e6e6e6; 88 + border-bottom: 2rpx solid #e6e6e6;
92 } 89 }
93 90
94 .new_cell { 91 .new_cell {
95 width: 48%; 92 width: 48%;
96 padding: 29rpx 0rpx; 93 padding: 29rpx 0rpx;
97 - /* border-bottom:1rpx solid #E6E6E6; */  
98 } 94 }
99 95
100 .new_cell:nth-child(2n) { 96 .new_cell:nth-child(2n) {
@@ -121,9 +117,12 @@ @@ -121,9 +117,12 @@
121 } 117 }
122 118
123 .new_title { 119 .new_title {
124 - white-space: nowrap;  
125 - text-overflow: ellipsis;  
126 overflow: hidden; 120 overflow: hidden;
  121 + text-overflow: ellipsis;
  122 + display: -webkit-box;
  123 + word-break: break-all;
  124 + -webkit-box-orient: vertical;
  125 + -webkit-line-clamp: 2;
127 margin: 18rpx 0 13rpx 0; 126 margin: 18rpx 0 13rpx 0;
128 color: #292929; 127 color: #292929;
129 font-size: 28rpx; 128 font-size: 28rpx;
@@ -144,30 +143,45 @@ @@ -144,30 +143,45 @@
144 align-items: center; 143 align-items: center;
145 justify-content: space-between; 144 justify-content: space-between;
146 } 145 }
147 -.title_box image{ 146 +
  147 +.title_box image {
148 width: 30rpx; 148 width: 30rpx;
149 height: 30rpx; 149 height: 30rpx;
150 margin-right: 10rpx; 150 margin-right: 10rpx;
151 } 151 }
152 -.title_box .word{ 152 +
  153 +
  154 +.wz_box{
  155 + overflow: hidden;
  156 + text-overflow: ellipsis;
  157 + white-space: nowrap;
  158 +}
  159 +.title_box .word {
  160 + max-width: 200rpx;
153 color: #666; 161 color: #666;
154 font-size: 24rpx; 162 font-size: 24rpx;
  163 + overflow: hidden;
  164 + text-overflow: ellipsis;
  165 + white-space: nowrap;
155 } 166 }
  167 +
156 .star_box { 168 .star_box {
157 width: auto; 169 width: auto;
158 height: auto; 170 height: auto;
159 margin-top: 16rpx; 171 margin-top: 16rpx;
160 -  
161 } 172 }
  173 +
162 .star_box image { 174 .star_box image {
163 width: 28rpx; 175 width: 28rpx;
164 height: 26rpx; 176 height: 26rpx;
165 padding-left: 5rpx; 177 padding-left: 5rpx;
166 padding-right: 5rpx; 178 padding-right: 5rpx;
167 } 179 }
168 -.star_box image:first-child{ 180 +
  181 +.star_box image:first-child {
169 padding-left: 0; 182 padding-left: 0;
170 } 183 }
171 -.star_box image:last-child{ 184 +
  185 +.star_box image:last-child {
172 padding-right: 0; 186 padding-right: 0;
173 -}  
  187 +}
@@ -8,11 +8,11 @@ @@ -8,11 +8,11 @@
8 </view> 8 </view>
9 <view class='new_title'>{{item.activity_name}}</view> 9 <view class='new_title'>{{item.activity_name}}</view>
10 <view class='title_box'> 10 <view class='title_box'>
11 - <view> 11 + <view class='wz_box'>
12 <image src='/imgs/dizhi@2x.png' /> 12 <image src='/imgs/dizhi@2x.png' />
13 - <text>北京</text> 13 + <text>{{item.province_name}}</text>
14 </view> 14 </view>
15 - <view class='word'>{{item.type_name}}</view> 15 + <view class='word'>{{item.type_name}}大傻瓜发啊发事发发</view>
16 </view> 16 </view>
17 <view>{{item.create_time}}</view> 17 <view>{{item.create_time}}</view>
18 </view> 18 </view>
@@ -63,6 +63,7 @@ @@ -63,6 +63,7 @@
63 border: 2rpx solid #999; 63 border: 2rpx solid #999;
64 font-size: 28rpx; 64 font-size: 28rpx;
65 } 65 }
  66 +
66 .title_box { 67 .title_box {
67 margin: 18rpx 0 13rpx 0; 68 margin: 18rpx 0 13rpx 0;
68 color: #292929; 69 color: #292929;
@@ -71,14 +72,24 @@ @@ -71,14 +72,24 @@
71 align-items: center; 72 align-items: center;
72 justify-content: space-between; 73 justify-content: space-between;
73 } 74 }
74 -.title_box image{ 75 +
  76 +.title_box image {
75 width: 30rpx; 77 width: 30rpx;
76 height: 30rpx; 78 height: 30rpx;
77 margin-right: 10rpx; 79 margin-right: 10rpx;
78 } 80 }
79 -.title_box .word{ 81 +.wz_box{
  82 + overflow: hidden;
  83 + text-overflow: ellipsis;
  84 + white-space: nowrap;
  85 +}
  86 +.title_box .word {
  87 + max-width: 200rpx;
80 color: #666; 88 color: #666;
81 font-size: 24rpx; 89 font-size: 24rpx;
  90 + overflow: hidden;
  91 + text-overflow: ellipsis;
  92 + white-space: nowrap;
82 } 93 }
83 .empty{ 94 .empty{
84 width: 100%; 95 width: 100%;