作者 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> 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> 4 <image src='{{photo}}' wx:if='{{photo}}'></image>
5 - <view class='iconfont icon-xiangji' wx:if='{{!photo}}' ></view> 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> 15 <view>姓名</view>
9 <view class='apply_item_input'> 16 <view class='apply_item_input'>
10 - <input placeholder='未填写' placeholder-class='input_p' bindinput='setname' value='{{name}}' ></input> 17 + <input placeholder='未填写' placeholder-class='input_p' bindinput='setname' value='{{name}}'></input>
11 </view> 18 </view>
12 </view> 19 </view>
13 <picker bindchange="bindsex" range="{{arraysex}}"> 20 <picker bindchange="bindsex" range="{{arraysex}}">
14 <view class='apply_item'> 21 <view class='apply_item'>
15 - <view >姓别</view> 22 + <view>姓别</view>
16 <view class='apply_item_input'> 23 <view class='apply_item_input'>
17 <view class='iconfont icon-xiangyou'></view> 24 <view class='iconfont icon-xiangyou'></view>
18 <view class='apply_itemtxt {{arraysex[sex-1]?"color333":""}}'>{{arraysex[sex-1]?arraysex[sex-1]:'请选择'}}</view> 25 <view class='apply_itemtxt {{arraysex[sex-1]?"color333":""}}'>{{arraysex[sex-1]?arraysex[sex-1]:'请选择'}}</view>
@@ -29,7 +36,7 @@ @@ -29,7 +36,7 @@
29 </view> 36 </view>
30 </picker> 37 </picker>
31 <picker range='{{nationarr}}' bindchange="bindnationChange"> 38 <picker range='{{nationarr}}' bindchange="bindnationChange">
32 - <view class='apply_item' > 39 + <view class='apply_item'>
33 <view>民族</view> 40 <view>民族</view>
34 <view class='apply_item_input'> 41 <view class='apply_item_input'>
35 <view class='iconfont icon-xiangyou'></view> 42 <view class='iconfont icon-xiangyou'></view>
@@ -122,13 +129,13 @@ @@ -122,13 +129,13 @@
122 </view> 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> 135 <view class='iconfont icon-xiangyou'></view>
129 <view class='apply_itemtxt {{address?"color333":""}}'>{{address?address:'请选择'}}</view> 136 <view class='apply_itemtxt {{address?"color333":""}}'>{{address?address:'请选择'}}</view>
130 </view> 137 </view>
131 - </view> 138 +</view>
132 139
133 140
134 141
@@ -157,8 +164,8 @@ @@ -157,8 +164,8 @@
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> 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>
158 </view> 165 </view>
159 </view> 166 </view>
160 -</picker>  
161 -<picker mode='date' bindchange="bindendChange"> 167 + </picker>
  168 + <picker mode='date' bindchange="bindendChange">
162 <view class='apply_item'> 169 <view class='apply_item'>
163 <view>结束时间</view> 170 <view>结束时间</view>
164 <view class='apply_item_input'> 171 <view class='apply_item_input'>
@@ -166,7 +173,7 @@ @@ -166,7 +173,7 @@
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> 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>
167 </view> 174 </view>
168 </view> 175 </view>
169 -</picker> 176 + </picker>
170 <view class='apply_item'> 177 <view class='apply_item'>
171 <view>单位名称</view> 178 <view>单位名称</view>
172 <view class='apply_item_input'> 179 <view class='apply_item_input'>
@@ -195,7 +202,7 @@ @@ -195,7 +202,7 @@
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'> 204 <view class='apply_idimg' bindtap='uploadImages' data-tem='2'>
198 - <view class='apply_idimgmain' wx:if='{{!front_card}}' > 205 + <view class='apply_idimgmain' wx:if='{{!front_card}}'>
199 <view class='apply_idupimg'> 206 <view class='apply_idupimg'>
200 <text class='iconfont icon-camera1'></text> 207 <text class='iconfont icon-camera1'></text>
201 </view> 208 </view>
@@ -204,7 +211,7 @@ @@ -204,7 +211,7 @@
204 <image src='{{front_card?front_card:"https://volunteer.cnpu.org/imgs/renzhengxinxi_fanmian_bg@2x.png"}}'></image> 211 <image src='{{front_card?front_card:"https://volunteer.cnpu.org/imgs/renzhengxinxi_fanmian_bg@2x.png"}}'></image>
205 </view> 212 </view>
206 <view class='apply_idimg' bindtap='uploadImages' data-tem='3'> 213 <view class='apply_idimg' bindtap='uploadImages' data-tem='3'>
207 - <view class='apply_idimgmain' wx:if='{{!reverse_card}}' > 214 + <view class='apply_idimgmain' wx:if='{{!reverse_card}}'>
208 <view class='apply_idupimg'> 215 <view class='apply_idupimg'>
209 <text class='iconfont icon-camera1'></text> 216 <text class='iconfont icon-camera1'></text>
210 </view> 217 </view>
@@ -216,16 +223,15 @@ @@ -216,16 +223,15 @@
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' > 226 + 为继承和弘扬国际主义战士白求恩的伟大风范和高尚情操,传承和弘扬白求恩的伟大精神,本人自愿申请加入白求恩志愿者队伍。 本人愿尽己所能,以“志愿服务”为宗旨,不计报酬、帮助他人、服务社会,恪守国家法律、法规,遵守白求恩志愿者各项规章制度,努力工作,尽职尽责,力争为公益事业做出贡献。
  227 +</view>
  228 +<view class='apply_btn' bindtap='submit'>
223 229
224 提交 230 提交
225 - </view> 231 +</view>
226 232
227 - <!-- 服务区域 -->  
228 - <view class='apply_vold' wx:if='{{showapply}}' > 233 +<!-- 服务区域 -->
  234 +<view class='apply_vold' wx:if='{{showapply}}'>
229 <view class='pickerview'> 235 <view class='pickerview'>
230 <picker-view indicator-style="height: 40px;" class='pickerview_top' value="{{confirmvalarr}}" bindchange="bindChange"> 236 <picker-view indicator-style="height: 40px;" class='pickerview_top' value="{{confirmvalarr}}" bindchange="bindChange">
231 <view class='iconfont icon-guanbi1' catchtap='setshowapply_no'></view> 237 <view class='iconfont icon-guanbi1' catchtap='setshowapply_no'></view>
@@ -244,4 +250,4 @@ @@ -244,4 +250,4 @@
244 <view class='applybtn yes_applybtn' catchtap='setyes'>确定</view> 250 <view class='applybtn yes_applybtn' catchtap='setyes'>确定</view>
245 </view> 251 </view>
246 </view> 252 </view>
247 - </view>  
  253 +</view>
1 /* pages/apply/apply.wxss */ 1 /* pages/apply/apply.wxss */
2 -.upimg{ 2 +
  3 +.upimg {
3 position: relative; 4 position: relative;
4 display: flex; 5 display: flex;
5 align-items: center; 6 align-items: center;
6 justify-content: center; 7 justify-content: center;
7 - color:#fff;  
8 - font-size:40rpx;  
9 - width:120rpx; 8 + color: #fff;
  9 + font-size: 40rpx;
  10 + width: 120rpx;
10 height: 120rpx; 11 height: 120rpx;
11 border-radius: 50%; 12 border-radius: 50%;
12 overflow: hidden; 13 overflow: hidden;
13 margin: 24rpx auto 34rpx auto; 14 margin: 24rpx auto 34rpx auto;
14 - background: #CCCCCC; 15 + background: #ccc;
15 } 16 }
16 -.upimg image{ 17 +
  18 +.upimg image {
17 display: block; 19 display: block;
18 - width:100%; 20 + width: 100%;
19 height: 100%; 21 height: 100%;
20 border-radius: 50%; 22 border-radius: 50%;
21 } 23 }
22 -.upimg .iconfont{ 24 +
  25 +.upimg .iconfont {
23 position: absolute; 26 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; 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;
33 display: flex; 44 display: flex;
34 align-items: center; 45 align-items: center;
35 justify-content: space-between; 46 justify-content: space-between;
36 margin: 0 32rpx; 47 margin: 0 32rpx;
37 - border-bottom:1rpx solid #e6e6e6;  
38 - padding:30rpx 0; 48 + border-bottom: 1rpx solid #e6e6e6;
  49 + padding: 30rpx 0;
39 } 50 }
40 51
41 -.apply_item_input{ 52 +.apply_item_input {
42 display: flex; 53 display: flex;
43 align-items: center; 54 align-items: center;
44 flex-direction: row-reverse; 55 flex-direction: row-reverse;
45 - width:70%;  
46 - color:#333;  
47 - font-size:28rpx; 56 + width: 70%;
  57 + color: #333;
  58 + font-size: 28rpx;
48 } 59 }
49 -.apply_item_input input{  
50 - width:100%; 60 +
  61 +.apply_item_input input {
  62 + width: 100%;
51 } 63 }
52 -.apply_item_input .iconfont{  
53 - color:#ccc; 64 +
  65 +.apply_item_input .iconfont {
  66 + color: #ccc;
54 } 67 }
55 -.big_item .apply_item_input{  
56 - width:60%; 68 +
  69 +.big_item .apply_item_input {
  70 + width: 60%;
57 } 71 }
58 -.apply_item_input input{ 72 +
  73 +.apply_item_input input {
59 text-align: right; 74 text-align: right;
60 } 75 }
61 -.input_p{  
62 - color:#ccc;  
63 - font-size:28rpx; 76 +
  77 +.input_p {
  78 + color: #ccc;
  79 + font-size: 28rpx;
64 } 80 }
65 -.apply_itemtxt{  
66 - color:#ccc;  
67 - font-size:28rpx; 81 +
  82 +.apply_itemtxt {
  83 + color: #ccc;
  84 + font-size: 28rpx;
68 } 85 }
69 -.apply_nav{ 86 +
  87 +.apply_nav {
70 display: flex; 88 display: flex;
71 align-items: center; 89 align-items: center;
72 margin: 70rpx 32rpx 0rpx 32rpx; 90 margin: 70rpx 32rpx 0rpx 32rpx;
73 } 91 }
74 -.apply_cell{ 92 +
  93 +.apply_cell {
75 position: relative; 94 position: relative;
76 margin: 0 50rpx 0 0; 95 margin: 0 50rpx 0 0;
77 - color:#999;  
78 - font-size:26rpx; 96 + color: #999;
  97 + font-size: 26rpx;
79 } 98 }
80 -.apply_active{ 99 +
  100 +.apply_active {
81 position: relative; 101 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{ 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 {
95 margin: 34rpx 32rpx; 117 margin: 34rpx 32rpx;
96 - color:#333;  
97 - font-size:28rpx; 118 + color: #333;
  119 + font-size: 28rpx;
98 } 120 }
99 -.apply_idbox{ 121 +
  122 +.apply_idbox {
100 margin: 0 32rpx; 123 margin: 0 32rpx;
101 display: flex; 124 display: flex;
102 align-items: center; 125 align-items: center;
103 justify-content: space-between; 126 justify-content: space-between;
104 } 127 }
105 -.apply_idimg{ 128 +
  129 +.apply_idimg {
106 position: relative; 130 position: relative;
107 - width:49%; 131 + width: 49%;
108 height: 202rpx; 132 height: 202rpx;
109 - border:1rpx solid #e6e6e6; 133 + border: 1rpx solid #e6e6e6;
110 display: flex; 134 display: flex;
111 align-items: center; 135 align-items: center;
112 justify-content: center; 136 justify-content: center;
113 border-radius: 8rpx; 137 border-radius: 8rpx;
114 } 138 }
115 -.apply_idimg image{ 139 +
  140 +.apply_idimg image {
116 height: 100%; 141 height: 100%;
117 - width:100%; 142 + width: 100%;
118 display: block; 143 display: block;
119 } 144 }
120 -.apply_idimgmain{ 145 +
  146 +.apply_idimgmain {
121 position: absolute; 147 position: absolute;
122 - top:50%;  
123 - left:50%; 148 + top: 50%;
  149 + left: 50%;
124 display: flex; 150 display: flex;
125 align-items: center; 151 align-items: center;
126 justify-content: center; 152 justify-content: center;
127 flex-direction: column; 153 flex-direction: column;
128 - width:100%; 154 + width: 100%;
129 height: 100%; 155 height: 100%;
130 - transform: translate(-50%,-50%);  
131 - color:#666;  
132 - font-size:26rpx; 156 + transform: translate(-50%, -50%);
  157 + color: #666;
  158 + font-size: 26rpx;
133 } 159 }
134 -.apply_idupimg{ 160 +
  161 +.apply_idupimg {
135 display: flex; 162 display: flex;
136 align-items: center; 163 align-items: center;
137 justify-content: center; 164 justify-content: center;
138 - width:74rpx; 165 + width: 74rpx;
139 height: 74rpx; 166 height: 74rpx;
140 border-radius: 50%; 167 border-radius: 50%;
141 - background: #41CD79;  
142 - color:#fff;  
143 - font-size:40rpx; 168 + background: #41cd79;
  169 + color: #fff;
  170 + font-size: 40rpx;
144 margin: 0 0 20rpx 0; 171 margin: 0 0 20rpx 0;
145 } 172 }
146 -.apply_idupimg .iconfont{ 173 +
  174 +.apply_idupimg .iconfont {
147 font-size: 30rpx; 175 font-size: 30rpx;
148 } 176 }
149 -.apply_bottomtitle{ 177 +
  178 +.apply_bottomtitle {
150 margin: 74rpx 0 26rpx 0; 179 margin: 74rpx 0 26rpx 0;
151 text-align: center; 180 text-align: center;
152 - color:#333333;  
153 - font-size:33rpx; 181 + color: #333;
  182 + font-size: 33rpx;
154 font-weight: bold; 183 font-weight: bold;
155 } 184 }
156 -.apply_bottom{ 185 +
  186 +.apply_bottom {
157 margin: 0 32rpx 58rpx 32rpx; 187 margin: 0 32rpx 58rpx 32rpx;
158 - color:#666;  
159 - font-size:26rpx; 188 + color: #666;
  189 + font-size: 26rpx;
160 line-height: 50rpx; 190 line-height: 50rpx;
161 } 191 }
162 -.apply_btn{ 192 +
  193 +.apply_btn {
163 position: relative; 194 position: relative;
164 margin: 0 32rpx 32rpx 32rpx; 195 margin: 0 32rpx 32rpx 32rpx;
165 height: 88rpx; 196 height: 88rpx;
166 line-height: 88rpx; 197 line-height: 88rpx;
167 - background: #41CD79;  
168 - color:#fff;  
169 - font-size:32rpx; 198 + background: #41cd79;
  199 + color: #fff;
  200 + font-size: 32rpx;
170 display: flex; 201 display: flex;
171 align-items: center; 202 align-items: center;
172 justify-content: center; 203 justify-content: center;
173 border-radius: 8rpx; 204 border-radius: 8rpx;
174 } 205 }
175 -.apply_btn:active{ 206 +
  207 +.apply_btn:active {
176 opacity: 0.7; 208 opacity: 0.7;
177 } 209 }
178 -.color333{  
179 - color:#333; 210 +
  211 +.color333 {
  212 + color: #333;
180 } 213 }
181 -.apply_vold{  
182 214
  215 +.apply_vold {
183 position: fixed; 216 position: fixed;
184 - top:0;  
185 - left:0;  
186 - width:100%; 217 + top: 0;
  218 + left: 0;
  219 + width: 100%;
187 height: 100%; 220 height: 100%;
188 - background: rgba(0,0,0,0.2); 221 + background: rgba(0, 0, 0, 0.2);
189 z-index: 10; 222 z-index: 10;
190 display: flex; 223 display: flex;
191 /* display: none; */ 224 /* display: none; */
192 justify-content: center; 225 justify-content: center;
193 align-items: center; 226 align-items: center;
194 } 227 }
195 -.pickerview{ 228 +
  229 +.pickerview {
196 position: relative; 230 position: relative;
197 background: #fff; 231 background: #fff;
198 - width:100%; 232 + width: 100%;
199 margin: 0 auto; 233 margin: 0 auto;
200 overflow: hidden; 234 overflow: hidden;
201 } 235 }
202 -.pickerview .icon-guanbi1{ 236 +
  237 +.pickerview .icon-guanbi1 {
203 position: absolute; 238 position: absolute;
204 font-weight: bold; 239 font-weight: bold;
205 font-size: 40rpx; 240 font-size: 40rpx;
206 - top:20rpx; 241 + top: 20rpx;
207 right: 50rpx; 242 right: 50rpx;
208 - color:#333;  
209 - z-index:100; 243 + color: #333;
  244 + z-index: 100;
210 } 245 }
211 -.pickerview_top{  
212 - width:100%;  
213 - padding:0 30rpx; 246 +
  247 +.pickerview_top {
  248 + width: 100%;
  249 + padding: 0 30rpx;
214 height: 400rpx; 250 height: 400rpx;
215 } 251 }
216 -.apply_vold_btn{ 252 +
  253 +.apply_vold_btn {
217 display: flex; 254 display: flex;
218 align-items: center; 255 align-items: center;
219 justify-content: space-between; 256 justify-content: space-between;
220 } 257 }
221 -.applybtn{ 258 +
  259 +.applybtn {
222 position: relative; 260 position: relative;
223 - border:1rpx solid #f6f6f6;  
224 - color:#333; 261 + border: 1rpx solid #f6f6f6;
  262 + color: #333;
225 font-size: 40rpx; 263 font-size: 40rpx;
226 height: 80rpx; 264 height: 80rpx;
227 - width:50%; 265 + width: 50%;
228 display: flex; 266 display: flex;
229 align-items: center; 267 align-items: center;
230 justify-content: center; 268 justify-content: center;
231 } 269 }
232 -.inofbtn{  
233 - position: absolute;  
234 - top:0;  
235 - left:0;  
236 270
237 - width:100%; 271 +.inofbtn {
  272 + position: absolute;
  273 + top: 0;
  274 + left: 0;
  275 + width: 100%;
238 height: 100%; 276 height: 100%;
239 - z-index:10; 277 + z-index: 10;
240 opacity: 0; 278 opacity: 0;
241 -  
242 } 279 }
243 -.applybtn:active{ 280 +
  281 +.applybtn:active {
244 opacity: 0.7; 282 opacity: 0.7;
245 } 283 }
246 -.yes_applybtn{ 284 +
  285 +.yes_applybtn {
247 background-color: #04be02; 286 background-color: #04be02;
248 - color:#fff;  
249 - border:1rpx solid #04be02; 287 + color: #fff;
  288 + border: 1rpx solid #04be02;
250 } 289 }
251 -.column_view{ 290 +
  291 +.column_view {
252 display: flex; 292 display: flex;
253 justify-content: center; 293 justify-content: center;
254 align-items: center; 294 align-items: center;
@@ -196,13 +196,42 @@ Page({ @@ -196,13 +196,42 @@ 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;
  224 + if (options.type == 1){
  225 + wx.setNavigationBarTitle({
  226 + title: '活动详情'
  227 + })
  228 + that.setData({
  229 + type: options.type,
  230 + id: options.id,
  231 + status: options.status
  232 + })
  233 + that.get_news()
  234 + } else {
206 if (options.status == '1') { 235 if (options.status == '1') {
207 that.setData({ 236 that.setData({
208 id: options.id, 237 id: options.id,
@@ -230,6 +259,8 @@ Page({ @@ -230,6 +259,8 @@ Page({
230 that.getdatalist(); 259 that.getdatalist();
231 } 260 }
232 that.getSystemInfo() 261 that.getSystemInfo()
  262 + }
  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,13 +17,14 @@ @@ -18,13 +17,14 @@
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}}'> 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'> 28 <view class='toast_box'>
29 <view class='cover_box' catchtap=''> 29 <view class='cover_box' catchtap=''>
30 <view class='title'>报名方式</view> 30 <view class='title'>报名方式</view>
@@ -50,4 +50,6 @@ @@ -50,4 +50,6 @@
50 </view> 50 </view>
51 </view> 51 </view>
52 52
  53 + </view>
  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,9 +151,6 @@ Page({ @@ -149,9 +151,6 @@ Page({
149 * 生命周期函数--监听页面显示 151 * 生命周期函数--监听页面显示
150 */ 152 */
151 onShow: function () { 153 onShow: function () {
152 - let that = this;  
153 -  
154 -  
155 154
156 }, 155 },
157 156
@@ -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,57 +6,55 @@ Page({ @@ -6,57 +6,55 @@ 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'; 14 + getdatalist() {
  15 + let that = this;
  16 + let url = 'index/index/index';
16 let head = { 17 let head = {
17 'XX-Token': wx.getStorageSync('token') 18 'XX-Token': wx.getStorageSync('token')
18 } 19 }
19 - let params={  
20 - volunteer_page:0,  
21 - volunteer_pageNum:3, 20 + let params = {
  21 + volunteer_page: 0,
  22 + volunteer_pageNum: 3,
22 activity_page: that.data.activity_page, 23 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 = []; 24 + activity_pageNum: 4
35 } 25 }
36 - }else{  
37 - temactivity.push(tem);  
38 - tem = [];  
39 - }  
40 -  
41 - 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 + })
42 } 36 }
43 - let dataactivity = that.data.activity;  
44 - let temdataactivity = dataactivity.concat(temactivity); 37 + if (that.data.news == null) {
  38 + that.setData({
  39 + datalist: res,
  40 + activity: res.activity,
  41 + // activity_page: res.activity_page,
  42 + news: res.news
  43 + })
  44 + } else {
45 that.setData({ 45 that.setData({
46 - datalist:res,  
47 - activity: temdataactivity,  
48 - activity_page: res.activity_page,  
49 - begin: res.begin 46 + news: that.data.news.concat(res.news)
50 }) 47 })
51 - }).catch((err)=>{ 48 + }
  49 + }).catch((err) => {
52 50
53 }) 51 })
54 }, 52 },
55 //判断是否登陆 53 //判断是否登陆
56 - get_token(){  
57 -let that=this; 54 + get_token() {
  55 + let that = this;
58 wx.login({ 56 wx.login({
59 - success: function (s) { 57 + success: function(s) {
60 let url = 'wxapp/public/getSessionKey'; 58 let url = 'wxapp/public/getSessionKey';
61 if (s.code) { 59 if (s.code) {
62 var code = s.code; 60 var code = s.code;
@@ -64,13 +62,13 @@ let that=this; @@ -64,13 +62,13 @@ let that=this;
64 code: code 62 code: code
65 } 63 }
66 app.post(url, param).then((res) => { 64 app.post(url, param).then((res) => {
67 - let url ='wxapp/public/get_token';  
68 - let params={ 65 + let url = 'wxapp/public/get_token';
  66 + let params = {
69 openid: res.openid 67 openid: res.openid
70 } 68 }
71 - app.post(url, params).then((res)=>{ 69 + app.post(url, params).then((res) => {
72 console.log(res); 70 console.log(res);
73 - if(res.data){ 71 + if (res.data) {
74 wx.setStorageSync('token', res.data); 72 wx.setStorageSync('token', res.data);
75 that.setData({ 73 that.setData({
76 datalist: [], 74 datalist: [],
@@ -78,12 +76,12 @@ let that=this; @@ -78,12 +76,12 @@ let that=this;
78 activity: [] 76 activity: []
79 }) 77 })
80 that.getdatalist(); 78 that.getdatalist();
81 - }else{ 79 + } else {
82 wx.redirectTo({ 80 wx.redirectTo({
83 url: '/pages/start/start' 81 url: '/pages/start/start'
84 }) 82 })
85 } 83 }
86 - }).catch((err)=>{ 84 + }).catch((err) => {
87 85
88 }) 86 })
89 }).catch((errMsg) => { 87 }).catch((errMsg) => {
@@ -96,64 +94,78 @@ let that=this; @@ -96,64 +94,78 @@ let that=this;
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 - }) 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 105
106 }, 106 },
107 107
108 /** 108 /**
109 * 生命周期函数--监听页面初次渲染完成 109 * 生命周期函数--监听页面初次渲染完成
110 */ 110 */
111 - onReady: function () { 111 + onReady: function() {
112 112
113 }, 113 },
114 114
115 /** 115 /**
116 * 生命周期函数--监听页面显示 116 * 生命周期函数--监听页面显示
117 */ 117 */
118 - onShow: function () {  
119 - let that = this; 118 + onShow: function() {
120 119
121 - that.get_token();  
122 120
123 }, 121 },
124 122
125 /** 123 /**
126 * 生命周期函数--监听页面隐藏 124 * 生命周期函数--监听页面隐藏
127 */ 125 */
128 - onHide: function () { 126 + onHide: function() {
129 127
130 }, 128 },
131 129
132 /** 130 /**
133 * 生命周期函数--监听页面卸载 131 * 生命周期函数--监听页面卸载
134 */ 132 */
135 - onUnload: function () { 133 + onUnload: function() {
136 134
137 }, 135 },
138 136
139 /** 137 /**
140 * 页面相关事件处理函数--监听用户下拉动作 138 * 页面相关事件处理函数--监听用户下拉动作
141 */ 139 */
142 - onPullDownRefresh: function () { 140 + onPullDownRefresh: function() {
143 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 () { 168 + onShareAppMessage: function() {
157 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%;