正在显示
12 个修改的文件
包含
743 行增加
和
621 行删除
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%; |
-
请 注册 或 登录 后发表评论