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