正在显示
118 个修改的文件
包含
3575 行增加
和
366 行删除
@@ -12,7 +12,27 @@ | @@ -12,7 +12,27 @@ | ||
12 | "pages/my/my_active/my_active", | 12 | "pages/my/my_active/my_active", |
13 | "pages/index/active/active", | 13 | "pages/index/active/active", |
14 | "pages/word_report/word_report", | 14 | "pages/word_report/word_report", |
15 | - "pages/enroll/enroll" | 15 | + "pages/enroll/enroll", |
16 | + | ||
17 | + | ||
18 | + "pages/Volunteer_dynamic/Volunteer_dynamic", | ||
19 | + "pages/Volunteer_group/Volunteer_group", | ||
20 | + "pages/Volunteer_detail/Volunteer_detail", | ||
21 | + "pages/Online_regulations/Online_regulations", | ||
22 | + "pages/getStudycontent/getStudycontent", | ||
23 | + "pages/guanlitiaoli/guanlitiaoli", | ||
24 | + "pages/guangrongpaihang/guangrongpaihang", | ||
25 | + | ||
26 | + | ||
27 | + "pages/myactivity/myactivity", | ||
28 | + "pages/myteam/myteam", | ||
29 | + "pages/mytrain/mytrain", | ||
30 | + "pages/myfeedback/myfeedback", | ||
31 | + "pages/mycertificate/mycertificate", | ||
32 | + "pages/myaddress/myaddress", | ||
33 | + "pages/myaddcompile/myaddcompile" | ||
34 | + | ||
35 | + | ||
16 | ], | 36 | ], |
17 | "window": { | 37 | "window": { |
18 | "backgroundTextStyle": "light", | 38 | "backgroundTextStyle": "light", |
@@ -21,17 +41,16 @@ | @@ -21,17 +41,16 @@ | ||
21 | "navigationBarTextStyle": "white" | 41 | "navigationBarTextStyle": "white" |
22 | }, | 42 | }, |
23 | "tabBar": { | 43 | "tabBar": { |
24 | - "color": "#fff", | ||
25 | - "selectedColor": "#fff", | ||
26 | - "backgroundColor": "#EBEBEB", | ||
27 | - "list": [ | ||
28 | - { | 44 | + "color":"#999999", |
45 | + "list": [{ | ||
29 | "pagePath": "pages/index/index", | 46 | "pagePath": "pages/index/index", |
47 | + "text": "首页", | ||
30 | "iconPath": "imgs/shouye_02@2x.png", | 48 | "iconPath": "imgs/shouye_02@2x.png", |
31 | "selectedIconPath": "imgs/shouye_01@2x.png" | 49 | "selectedIconPath": "imgs/shouye_01@2x.png" |
32 | }, | 50 | }, |
33 | { | 51 | { |
34 | "pagePath": "pages/my/my", | 52 | "pagePath": "pages/my/my", |
53 | + "text": "个人中心", | ||
35 | "iconPath": "imgs/wode_01@2x.png", | 54 | "iconPath": "imgs/wode_01@2x.png", |
36 | "selectedIconPath": "imgs/wode_02@2x.png" | 55 | "selectedIconPath": "imgs/wode_02@2x.png" |
37 | } | 56 | } |
@@ -89,3 +89,34 @@ | @@ -89,3 +89,34 @@ | ||
89 | .icon-chakanshenqing:before { | 89 | .icon-chakanshenqing:before { |
90 | content: "\e6a6"; | 90 | content: "\e6a6"; |
91 | } | 91 | } |
92 | +.display { | ||
93 | + display: flex; | ||
94 | +} | ||
95 | +.display1 { | ||
96 | + display: flex; | ||
97 | + justify-content: space-between; | ||
98 | + flex-wrap: wrap; | ||
99 | + | ||
100 | +} | ||
101 | +.display2 { | ||
102 | + display: flex; | ||
103 | + align-items: center; | ||
104 | +} | ||
105 | + | ||
106 | +.display3 { | ||
107 | + display: flex; | ||
108 | + align-items: center; | ||
109 | + justify-content: center; | ||
110 | +} | ||
111 | + | ||
112 | +.displayB { | ||
113 | + display: flex; | ||
114 | + align-items: center; | ||
115 | + justify-content: space-between; | ||
116 | +} | ||
117 | + | ||
118 | +.displayA { | ||
119 | + display: flex; | ||
120 | + align-items: center; | ||
121 | + justify-content: space-around; | ||
122 | +} |
zhiyuanzhe/imgs/ac1.png
0 → 100644
1.7 KB
zhiyuanzhe/imgs/ac10.png
0 → 100644
511 字节
zhiyuanzhe/imgs/ac11.png
0 → 100644
361 字节
zhiyuanzhe/imgs/ac12.png
0 → 100644
424 字节
zhiyuanzhe/imgs/ac13.png
0 → 100644
475 字节
zhiyuanzhe/imgs/ac14.png
0 → 100644
501 字节
zhiyuanzhe/imgs/ac15.png
0 → 100644
470 字节
zhiyuanzhe/imgs/ac2.png
0 → 100644
1.8 KB
zhiyuanzhe/imgs/ac3.png
0 → 100644
1.6 KB
zhiyuanzhe/imgs/ac4.png
0 → 100644
1.6 KB
zhiyuanzhe/imgs/ac5.png
0 → 100644
544 字节
zhiyuanzhe/imgs/ac6.png
0 → 100644
471 字节
zhiyuanzhe/imgs/ac7.png
0 → 100644
185 字节
zhiyuanzhe/imgs/ac8.png
0 → 100644
2.1 KB
zhiyuanzhe/imgs/ac9.png
0 → 100644
508 字节
zhiyuanzhe/imgs/active.png
0 → 100644
35.3 KB
zhiyuanzhe/imgs/active1.png
0 → 100644
14.9 KB
zhiyuanzhe/imgs/card.png
0 → 100644
39.8 KB
zhiyuanzhe/imgs/clock.png
0 → 100644
7.2 KB
zhiyuanzhe/imgs/compile.png
0 → 100644
592 字节
zhiyuanzhe/imgs/delete.png
0 → 100644
601 字节
zhiyuanzhe/imgs/dianzizhengjian.png
0 → 100644
29.6 KB
zhiyuanzhe/imgs/dianzizhengjian1.png
0 → 100644
41.6 KB
zhiyuanzhe/imgs/dianzizhengjian2.png
0 → 100644
10.6 KB
zhiyuanzhe/imgs/dianzizhengjian3.png
0 → 100644
11.4 KB
zhiyuanzhe/imgs/didian-14.png
0 → 100644
547 字节
zhiyuanzhe/imgs/menu1.png
0 → 100644
2.6 KB
zhiyuanzhe/imgs/menu2.png
0 → 100644
2.5 KB
zhiyuanzhe/imgs/menu3.png
0 → 100644
2.4 KB
zhiyuanzhe/imgs/menu4.png
0 → 100644
2.4 KB
zhiyuanzhe/imgs/menu5.png
0 → 100644
2.6 KB
zhiyuanzhe/imgs/menu6.png
0 → 100644
2.5 KB
zhiyuanzhe/imgs/menu7.png
0 → 100644
2.1 KB
zhiyuanzhe/imgs/menu8.png
0 → 100644
2.0 KB
zhiyuanzhe/imgs/more.png
0 → 100644
189 字节
zhiyuanzhe/imgs/more_gray.png
0 → 100644
158 字节
zhiyuanzhe/imgs/more_gray1.png
0 → 100644
192 字节
zhiyuanzhe/imgs/myfeedback.png
0 → 100644
36.9 KB
zhiyuanzhe/imgs/mytrain.png
0 → 100644
19.5 KB
zhiyuanzhe/imgs/shaixuan-1.png
0 → 100644
258 字节
zhiyuanzhe/imgs/shaixuan-2.png
0 → 100644
351 字节
zhiyuanzhe/imgs/shop.png
0 → 100644
14.8 KB
zhiyuanzhe/imgs/tishi-4@2x.png
0 → 100644
838 字节
35.5 KB
zhiyuanzhe/imgs/vg_1.png
0 → 100644
372 字节
zhiyuanzhe/imgs/vg_2.png
0 → 100644
470 字节
zhiyuanzhe/imgs/vg_3.png
0 → 100644
500 字节
1 | +// pages/Online_regulations/Online_regulations.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + | ||
11 | + | ||
12 | + getStudycontent() { | ||
13 | + | ||
14 | + wx.navigateTo({ | ||
15 | + url: '/pages/getStudycontent/getStudycontent', | ||
16 | + }) | ||
17 | + }, | ||
18 | + /** | ||
19 | + * 生命周期函数--监听页面加载 | ||
20 | + */ | ||
21 | + onLoad: function (options) { | ||
22 | + | ||
23 | + }, | ||
24 | + | ||
25 | + /** | ||
26 | + * 生命周期函数--监听页面初次渲染完成 | ||
27 | + */ | ||
28 | + onReady: function () { | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + /** | ||
33 | + * 生命周期函数--监听页面显示 | ||
34 | + */ | ||
35 | + onShow: function () { | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面隐藏 | ||
41 | + */ | ||
42 | + onHide: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 生命周期函数--监听页面卸载 | ||
48 | + */ | ||
49 | + onUnload: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
55 | + */ | ||
56 | + onPullDownRefresh: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 页面上拉触底事件的处理函数 | ||
62 | + */ | ||
63 | + onReachBottom: function () { | ||
64 | + | ||
65 | + }, | ||
66 | + | ||
67 | + /** | ||
68 | + * 用户点击右上角分享 | ||
69 | + */ | ||
70 | + onShareAppMessage: function () { | ||
71 | + | ||
72 | + } | ||
73 | +}) |
1 | +<!--在线培训--> | ||
2 | +<view class="myanswer" bindtap="getStudycontent"> | ||
3 | + | ||
4 | + <image src="/imgs/active1.png"></image> | ||
5 | + <view class="myanswer_right" > | ||
6 | + <view class="myanswer_name" > | ||
7 | + 如何做一个志愿者,如何做一个负责人心的志愿者 | ||
8 | + </view> | ||
9 | + | ||
10 | + <view class="myanswer_num"> | ||
11 | + <view> | ||
12 | + 10道题 | ||
13 | + </view> | ||
14 | + <view class="myanswer_end"> | ||
15 | + 前往答题 | ||
16 | + <image src="/imgs/more_gray1.png"></image> | ||
17 | + </view> | ||
18 | + </view> | ||
19 | + | ||
20 | + </view> | ||
21 | + | ||
22 | +</view> |
1 | +page{ | ||
2 | + | ||
3 | + background-color:rgb(240, 240, 240); | ||
4 | +} | ||
5 | +.myanswer { | ||
6 | + margin: 24rpx 32rpx; | ||
7 | + padding: 24rpx 24rpx; | ||
8 | + border-radius: 7px; | ||
9 | + background-color: #ffffff; | ||
10 | + display: flex; | ||
11 | + font-size: 28rpx; | ||
12 | + | ||
13 | + } | ||
14 | + | ||
15 | + .myanswer image { | ||
16 | + width: 182rpx; | ||
17 | + height: 138rpx; | ||
18 | + margin-right: 24rpx; | ||
19 | + border-radius: 7px; | ||
20 | + } | ||
21 | + | ||
22 | + .myanswer_right { | ||
23 | + display: flex; | ||
24 | + flex-direction: column; | ||
25 | + justify-content: space-between; | ||
26 | + } | ||
27 | + | ||
28 | + | ||
29 | + .myanswer_num { | ||
30 | + display: flex; | ||
31 | + justify-content: space-between; | ||
32 | + font-size: 28rpx; | ||
33 | + color: #7D7E80; | ||
34 | + | ||
35 | + } | ||
36 | + | ||
37 | + .myanswer_num image { | ||
38 | + width: 22rpx; | ||
39 | + height: 22rpx; | ||
40 | + } | ||
41 | + | ||
42 | + .myanswer_end { | ||
43 | + | ||
44 | + color: #54A7FB; | ||
45 | + | ||
46 | + } | ||
47 | + .myanswer_end image{ | ||
48 | + | ||
49 | + margin-left: 5rpx; | ||
50 | + } |
1 | +// pages/Volunteer_detail/Volunteer_detail.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + | ||
11 | + /** | ||
12 | + * 生命周期函数--监听页面加载 | ||
13 | + */ | ||
14 | + onLoad: function (options) { | ||
15 | + | ||
16 | + | ||
17 | + }, | ||
18 | + | ||
19 | + /** | ||
20 | + * 生命周期函数--监听页面初次渲染完成 | ||
21 | + */ | ||
22 | + onReady: function () { | ||
23 | + | ||
24 | + }, | ||
25 | + | ||
26 | + /** | ||
27 | + * 生命周期函数--监听页面显示 | ||
28 | + */ | ||
29 | + onShow: function () { | ||
30 | + | ||
31 | + }, | ||
32 | + | ||
33 | + /** | ||
34 | + * 生命周期函数--监听页面隐藏 | ||
35 | + */ | ||
36 | + onHide: function () { | ||
37 | + | ||
38 | + }, | ||
39 | + | ||
40 | + /** | ||
41 | + * 生命周期函数--监听页面卸载 | ||
42 | + */ | ||
43 | + onUnload: function () { | ||
44 | + | ||
45 | + }, | ||
46 | + | ||
47 | + /** | ||
48 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
49 | + */ | ||
50 | + onPullDownRefresh: function () { | ||
51 | + | ||
52 | + }, | ||
53 | + | ||
54 | + /** | ||
55 | + * 页面上拉触底事件的处理函数 | ||
56 | + */ | ||
57 | + onReachBottom: function () { | ||
58 | + | ||
59 | + }, | ||
60 | + | ||
61 | + /** | ||
62 | + * 用户点击右上角分享 | ||
63 | + */ | ||
64 | + onShareAppMessage: function () { | ||
65 | + | ||
66 | + } | ||
67 | +}) |
1 | +<!--pages/Volunteer_detail/Volunteer_detail.wxml--> | ||
2 | +<view class="goods_title"> | ||
3 | + <view>北京第三小队</view> | ||
4 | + <view class="goods_list"> | ||
5 | + <view> | ||
6 | + <image src="/imgs/vg_1.png"></image>270小时 | ||
7 | + </view> | ||
8 | + <view> | ||
9 | + <image src="/imgs/vg_2.png"></image>北京 | ||
10 | + </view> | ||
11 | + <view> | ||
12 | + <image src="/imgs/vg_3.png"></image>50人 | ||
13 | + </view> | ||
14 | + </view> | ||
15 | +</view> | ||
16 | +<view class="goods_introduce"> | ||
17 | + <view class="goods_line"></view> | ||
18 | + <view bindtap="getadd">详情介绍</view> | ||
19 | + <view class="goods_line"></view> | ||
20 | +</view> | ||
21 | + |
1 | +page { | ||
2 | + background-color: rgb(240, 240, 240); | ||
3 | +} | ||
4 | + | ||
5 | +.goods_title { | ||
6 | + padding: 0 32rpx; | ||
7 | + padding-top: 32rpx; | ||
8 | + height: 164rpx; | ||
9 | + background-color: #ffffff; | ||
10 | +} | ||
11 | + | ||
12 | +.goods_list { | ||
13 | + display: flex; | ||
14 | + align-items: center; | ||
15 | + font-size: 28rpx; | ||
16 | + color: #FF976A; | ||
17 | + margin-top: 16rpx; | ||
18 | +} | ||
19 | + | ||
20 | +.goods_list image { | ||
21 | + width: 44rpx; | ||
22 | + height: 44rpx; | ||
23 | +} | ||
24 | + | ||
25 | +.goods_list>view { | ||
26 | + display: flex; | ||
27 | + align-items: center; | ||
28 | + margin-right: 42rpx; | ||
29 | +} | ||
30 | + | ||
31 | +.goods_introduce { | ||
32 | + height: 88rpx; | ||
33 | + display: flex; | ||
34 | + justify-content: center; | ||
35 | + align-items: center; | ||
36 | + font-size: 28rpx; | ||
37 | + color: #969799; | ||
38 | +} | ||
39 | + | ||
40 | +.goods_introduce :nth-child(2) { | ||
41 | + margin: 0 32rpx; | ||
42 | +} | ||
43 | + | ||
44 | +.goods_line { | ||
45 | + width: 200rpx; | ||
46 | + height: 2rpx; | ||
47 | + background-color: #d2d2d2; | ||
48 | +} |
1 | +//index.js | ||
2 | +const app = getApp(); | ||
3 | +Page({ | ||
4 | + data: { | ||
5 | + navbar: ['活动资讯', '媒体报道','通知公告','志愿随笔'], | ||
6 | + currentTab: 0, | ||
7 | + list: [], | ||
8 | + | ||
9 | + }, | ||
10 | + //切换bar | ||
11 | + navbarTap: function (e) { | ||
12 | + this.setData({ | ||
13 | + currentTab: e.currentTarget.dataset.idx | ||
14 | + }) | ||
15 | + | ||
16 | + //全局变量 | ||
17 | + app.globalData.currentTab = e.currentTarget.dataset.idx; | ||
18 | + | ||
19 | + }, | ||
20 | + onShow() { | ||
21 | + this.setData({ | ||
22 | + currentTab: app.globalData.currentTab | ||
23 | + }) | ||
24 | + | ||
25 | + }, | ||
26 | + | ||
27 | + onLoad: function () { | ||
28 | + | ||
29 | + }, | ||
30 | + | ||
31 | + | ||
32 | + | ||
33 | + | ||
34 | + | ||
35 | + | ||
36 | + | ||
37 | + | ||
38 | +}) |
1 | +<!-- --> | ||
2 | +<view class="goods_index"> | ||
3 | + <!-- 导航条开始 --> | ||
4 | + <view class="navbar"> | ||
5 | + <view wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" | ||
6 | + wx:key="unique" bindtap="navbarTap"> | ||
7 | + {{item}} | ||
8 | + </view> | ||
9 | + </view> | ||
10 | + <!-- 导航条结束 --> | ||
11 | + <!-- 内容 --> | ||
12 | + <!-- 活动资讯开始 --> | ||
13 | + <view class="display1" wx:if="{{currentTab==0}}"> | ||
14 | + <view class="goods_wrap"> | ||
15 | + <image src="/imgs/active.png"></image> | ||
16 | + <view class="goods_name">如何才能加入天津市白求恩志愿团队</view> | ||
17 | + <view class="goods_time">2020-06-08</view> | ||
18 | + </view> | ||
19 | + | ||
20 | + </view> | ||
21 | + <!--媒体报道 --> | ||
22 | + <view class="display1" wx:elif="{{currentTab==1}}"> | ||
23 | + ss2 | ||
24 | + </view> | ||
25 | + <!--通知公告 --> | ||
26 | + <view class="display1" wx:elif="{{currentTab==2}}"> | ||
27 | + | ||
28 | + ss3 | ||
29 | + | ||
30 | + </view> | ||
31 | + <!--志愿随笔 --> | ||
32 | + <view class="display1" wx:elif="{{currentTab==3}}"> | ||
33 | + ss4 | ||
34 | + </view> | ||
35 | +</view> |
1 | + | ||
2 | +page{ | ||
3 | + | ||
4 | + background-color: rgb(240, 240, 240); | ||
5 | +} | ||
6 | +.goods_index { | ||
7 | + padding: 20rpx 32rpx; | ||
8 | +} | ||
9 | + | ||
10 | +/* 导航条开始 */ | ||
11 | +.navbar { | ||
12 | + /* padding : 10rpx 0; */ | ||
13 | + display: flex; | ||
14 | + justify-content: space-around; | ||
15 | + /* background : linear-gradient(136deg,#4e8fff 2%, #55c2fa); */ | ||
16 | + font-size: 30rpx; | ||
17 | + color: #969799; | ||
18 | + border-radius: 2px 0px 0px 2px; | ||
19 | + | ||
20 | +} | ||
21 | + | ||
22 | +.navbar .item { | ||
23 | + width: 346rpx; | ||
24 | + height: 64rpx; | ||
25 | + line-height: 64rpx; | ||
26 | + font-size: 24rpx; | ||
27 | + position: relative; | ||
28 | + text-align: center; | ||
29 | + /* background-color: #FFC909; */ | ||
30 | + /* border-radius : 19px; */ | ||
31 | + | ||
32 | +} | ||
33 | + | ||
34 | +.navbar .item.active { | ||
35 | + color: black; | ||
36 | + /* background: linear-gradient(136deg, #4e8fff 2%, #55c2fa); */ | ||
37 | + | ||
38 | +} | ||
39 | + | ||
40 | +.navbar .item.active:after { | ||
41 | + content: ""; | ||
42 | + display: block; | ||
43 | + position: absolute; | ||
44 | + bottom: 0; | ||
45 | + left: 0; | ||
46 | + right: 0; | ||
47 | + width: 80rpx; | ||
48 | + height: 6rpx; | ||
49 | + background: #21AE58; | ||
50 | + margin: 0 auto; | ||
51 | +} | ||
52 | + | ||
53 | +/* 导航条结束 */ | ||
54 | + | ||
55 | +/* 活动开始 */ | ||
56 | +.goods_wrap { | ||
57 | + width: 334rpx; | ||
58 | + margin-top: 24rpx; | ||
59 | + padding-bottom:24rpx ; | ||
60 | + border-radius: 7px; | ||
61 | + background-color: #ffffff; | ||
62 | + overflow: hidden; | ||
63 | + | ||
64 | +} | ||
65 | + | ||
66 | +.goods_wrap image { | ||
67 | + width: 334rpx; | ||
68 | + height: 200rpx; | ||
69 | +} | ||
70 | + | ||
71 | +.goods_name { | ||
72 | + padding: 0 16rpx; | ||
73 | + margin-top: 16rpx; | ||
74 | + font-size: 26rpx; | ||
75 | + color: #3E3E3F; | ||
76 | +} | ||
77 | + | ||
78 | +.goods_time { | ||
79 | + padding: 0 16rpx; | ||
80 | + margin-top: 16rpx; | ||
81 | + font-size: 24rpx; | ||
82 | + color: #7D7E80; | ||
83 | + | ||
84 | +} |
1 | +// pages/Volunteer_group/Volunteer_group.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + getDetail() { | ||
11 | + wx.navigateTo({ | ||
12 | + url: '/pages/Volunteer_detail/Volunteer_detail', | ||
13 | + }) | ||
14 | + | ||
15 | + }, | ||
16 | + | ||
17 | + /** | ||
18 | + * 生命周期函数--监听页面加载 | ||
19 | + */ | ||
20 | + onLoad: function (options) { | ||
21 | + | ||
22 | + }, | ||
23 | + | ||
24 | + /** | ||
25 | + * 生命周期函数--监听页面初次渲染完成 | ||
26 | + */ | ||
27 | + onReady: function () { | ||
28 | + | ||
29 | + }, | ||
30 | + | ||
31 | + /** | ||
32 | + * 生命周期函数--监听页面显示 | ||
33 | + */ | ||
34 | + onShow: function () { | ||
35 | + | ||
36 | + }, | ||
37 | + | ||
38 | + /** | ||
39 | + * 生命周期函数--监听页面隐藏 | ||
40 | + */ | ||
41 | + onHide: function () { | ||
42 | + | ||
43 | + }, | ||
44 | + | ||
45 | + /** | ||
46 | + * 生命周期函数--监听页面卸载 | ||
47 | + */ | ||
48 | + onUnload: function () { | ||
49 | + | ||
50 | + }, | ||
51 | + | ||
52 | + /** | ||
53 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
54 | + */ | ||
55 | + onPullDownRefresh: function () { | ||
56 | + | ||
57 | + }, | ||
58 | + | ||
59 | + /** | ||
60 | + * 页面上拉触底事件的处理函数 | ||
61 | + */ | ||
62 | + onReachBottom: function () { | ||
63 | + | ||
64 | + }, | ||
65 | + | ||
66 | + /** | ||
67 | + * 用户点击右上角分享 | ||
68 | + */ | ||
69 | + onShareAppMessage: function () { | ||
70 | + | ||
71 | + } | ||
72 | +}) |
1 | +<!-- 志愿团队 --> | ||
2 | +<view class="group_name"> | ||
3 | + <image src="/imgs/didian-14.png"></image> | ||
4 | + <view>北京</view> | ||
5 | +</view> | ||
6 | + | ||
7 | +<view class='new_box'> | ||
8 | + <!-- <navigator wx:for='{{activity}}' wx:key="id" url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> --> | ||
9 | + <view class='new_cell' bindtap="getDetail"> | ||
10 | + <view class='new_cellmain'> | ||
11 | + <view class='new_img'> | ||
12 | + <image src='/imgs/active.png' mode="aspectFill" /> | ||
13 | + </view> | ||
14 | + <view class='new_title'>[福建省]白求恩志愿招募-志愿者</view> | ||
15 | + <view class='title_box'> | ||
16 | + <view class='wz_box'> | ||
17 | + <text>2020-06-08</text> | ||
18 | + </view> | ||
19 | + <view class='word'>北京</view> | ||
20 | + </view> | ||
21 | + </view> | ||
22 | + </view> | ||
23 | + <!-- </navigator> --> | ||
24 | +</view> |
1 | +/* pages/Volunteer_group/Volunteer_group.wxss */ | ||
2 | +page{ | ||
3 | + background-color: rgb(240, 240, 240); | ||
4 | +} | ||
5 | + | ||
6 | +.group_name { | ||
7 | +padding: 0 32rpx; | ||
8 | + height: 88rpx; | ||
9 | + line-height: 88rpx; | ||
10 | + font-size: 34rpx; | ||
11 | + color: #7D7E80; | ||
12 | + background-color: #ffffff; | ||
13 | + display: flex; | ||
14 | + align-items: center; | ||
15 | +} | ||
16 | + | ||
17 | +.group_name image { | ||
18 | + width: 36rpx; | ||
19 | + height: 36rpx; | ||
20 | + margin-right: 16rpx; | ||
21 | +} | ||
22 | + | ||
23 | +/* */ | ||
24 | +.new_box { | ||
25 | + display: flex; | ||
26 | + justify-content: space-between; | ||
27 | + align-items: center; | ||
28 | + color: #999; | ||
29 | + margin-top: 24rpx; | ||
30 | + padding: 0 32rpx; | ||
31 | + font-size: 24rpx; | ||
32 | + flex-wrap: wrap; | ||
33 | + /* border-bottom: 2rpx solid #e6e6e6; */ | ||
34 | + | ||
35 | + } | ||
36 | + | ||
37 | + .new_cell { | ||
38 | + width: 48%; | ||
39 | + /* padding: 29rpx 0rpx; */ | ||
40 | + background-color: #ffffff; | ||
41 | + border-radius: 7px; | ||
42 | + overflow: hidden; | ||
43 | + | ||
44 | + } | ||
45 | + | ||
46 | + .new_cell:nth-child(2n) { | ||
47 | + margin: 0 0 0 10rpx; | ||
48 | + } | ||
49 | + | ||
50 | + .new_cellmain { | ||
51 | + overflow: hidden; | ||
52 | + width: 336rpx; | ||
53 | + background-color: #ffffff; | ||
54 | + border-radius: 7px; | ||
55 | + } | ||
56 | + | ||
57 | + .new_img { | ||
58 | + width: 336rpx; | ||
59 | + height: 220rpx; | ||
60 | + display: flex; | ||
61 | + align-items: center; | ||
62 | + justify-content: center; | ||
63 | + overflow: hidden; | ||
64 | + } | ||
65 | + | ||
66 | + .new_img image { | ||
67 | + width: 100%; | ||
68 | + height: 100%; | ||
69 | + display: block; | ||
70 | + } | ||
71 | + | ||
72 | + .new_title { | ||
73 | + padding: 0 16rpx; | ||
74 | + height: 76rpx; | ||
75 | + overflow: hidden; | ||
76 | + text-overflow: ellipsis; | ||
77 | + display: -webkit-box; | ||
78 | + word-break: break-all; | ||
79 | + -webkit-box-orient: vertical; | ||
80 | + -webkit-line-clamp: 2; | ||
81 | + margin: 18rpx 0 13rpx 0; | ||
82 | + color: #292929; | ||
83 | + font-size: 28rpx; | ||
84 | + } | ||
85 | + | ||
86 | + .activity_title { | ||
87 | + margin: 0 32rpx; | ||
88 | + display: flex; | ||
89 | + justify-content: space-between; | ||
90 | + align-items: center; | ||
91 | + } | ||
92 | + | ||
93 | + .title_box { | ||
94 | + padding: 0 16rpx; | ||
95 | + margin: 18rpx 0 13rpx 0; | ||
96 | + font-size: 24rpx; | ||
97 | + font-family: PingFang SC; | ||
98 | + font-weight: 500; | ||
99 | + color: rgba(153, 153, 153, 1); | ||
100 | + display: flex; | ||
101 | + align-items: center; | ||
102 | + justify-content: space-between; | ||
103 | + } | ||
104 | + | ||
105 | + .wz_box { | ||
106 | + overflow: hidden; | ||
107 | + text-overflow: ellipsis; | ||
108 | + white-space: nowrap; | ||
109 | + } | ||
110 | + | ||
111 | + .title_box .word { | ||
112 | + max-width: 200rpx; | ||
113 | + color: #FF976A; | ||
114 | + font-size: 24rpx; | ||
115 | + overflow: hidden; | ||
116 | + text-overflow: ellipsis; | ||
117 | + white-space: nowrap; | ||
118 | + } |
@@ -76,101 +76,172 @@ Page({ | @@ -76,101 +76,172 @@ Page({ | ||
76 | reverse_card: '', //身份证反面照 | 76 | reverse_card: '', //身份证反面照 |
77 | id: '', //用户id, | 77 | id: '', //用户id, |
78 | }, | 78 | }, |
79 | + | ||
80 | + onShow: function () { | ||
81 | + | ||
82 | + var that = this; | ||
83 | + // 登记表缓存 | ||
84 | + that.setData({ | ||
85 | + name: wx.getStorageSync('name'), | ||
86 | + sex: wx.getStorageSync('sex'), | ||
87 | + photo: wx.getStorageSync('photo'), | ||
88 | + front_card: wx.getStorageSync('front_card'), | ||
89 | + reverse_card: wx.getStorageSync('reverse_card'), | ||
90 | + birthday: wx.getStorageSync('birthday'), | ||
91 | + nation: wx.getStorageSync('nation'), | ||
92 | + education: wx.getStorageSync('education'), | ||
93 | + politics: wx.getStorageSync('politics'), | ||
94 | + unit: wx.getStorageSync('unit'), | ||
95 | + duty: wx.getStorageSync('duty'), | ||
96 | + addr: wx.getStorageSync('addr'), | ||
97 | + postcode: wx.getStorageSync('postcode'), | ||
98 | + school: wx.getStorageSync('school'), | ||
99 | + card_number: wx.getStorageSync('card_number'), | ||
100 | + fixed_phone: wx.getStorageSync('fixed_phone'), | ||
101 | + move_phone: wx.getStorageSync('move_phone'), | ||
102 | + email: wx.getStorageSync('email'), | ||
103 | + urgency_phone: wx.getStorageSync('urgency_phone'), | ||
104 | + qq: wx.getStorageSync('qq'), | ||
105 | + address: wx.getStorageSync('address'), | ||
106 | + | ||
107 | + }) | ||
108 | + }, | ||
109 | + | ||
110 | + | ||
79 | setname(e) { | 111 | setname(e) { |
80 | this.setData({ | 112 | this.setData({ |
81 | name: e.detail.value | 113 | name: e.detail.value |
82 | }) | 114 | }) |
115 | + wx.setStorageSync('name', e.detail.value) | ||
83 | }, | 116 | }, |
84 | - setunit(e) { | 117 | + // 性别 |
118 | + bindsex(e) { | ||
85 | this.setData({ | 119 | this.setData({ |
86 | - unit: e.detail.value | 120 | + sex: parseInt(e.detail.value) + 1 |
87 | }) | 121 | }) |
122 | + wx.setStorageSync('sex', parseInt(e.detail.value) + 1) | ||
88 | }, | 123 | }, |
89 | - setduty(e) { | 124 | + // 出生日期 |
125 | + bindbirthdayChange(e) { | ||
90 | this.setData({ | 126 | this.setData({ |
91 | - duty: e.detail.value | 127 | + birthday: e.detail.value |
92 | }) | 128 | }) |
129 | + wx.setStorageSync('birthday', e.detail.value) | ||
93 | }, | 130 | }, |
94 | - setaddr(e) { | 131 | + // 民族 |
132 | + bindnationChange(e) { | ||
133 | + let nationarr = this.data.nationarr; | ||
95 | this.setData({ | 134 | this.setData({ |
96 | - addr: e.detail.value | 135 | + nation: nationarr[e.detail.value] |
97 | }) | 136 | }) |
137 | + | ||
138 | + wx.setStorageSync('nation', nationarr[e.detail.value]) | ||
139 | + | ||
98 | }, | 140 | }, |
99 | - setpostcode(e) { | 141 | + // 学历 |
142 | + bindeducationChange(e) { | ||
143 | + let educationarr = this.data.educationarr; | ||
100 | this.setData({ | 144 | this.setData({ |
101 | - postcode: e.detail.value | 145 | + education: educationarr[e.detail.value] |
102 | }) | 146 | }) |
147 | + wx.setStorageSync('education', educationarr[e.detail.value]) | ||
103 | }, | 148 | }, |
104 | - setschool(e) { | 149 | + // 政治面貌 |
150 | + | ||
151 | + bindpoliticsChange(e) { | ||
152 | + let politicsarr = this.data.politicsarr; | ||
105 | this.setData({ | 153 | this.setData({ |
106 | - school: e.detail.value | 154 | + politics: politicsarr[e.detail.value] |
107 | }) | 155 | }) |
156 | + | ||
157 | + wx.setStorageSync('politics', politicsarr[e.detail.value]) | ||
158 | + | ||
108 | }, | 159 | }, |
109 | - setcard_number(e) { | 160 | + // 工作单位 |
161 | + setunit(e) { | ||
110 | this.setData({ | 162 | this.setData({ |
111 | - card_number: e.detail.value | 163 | + unit: e.detail.value |
112 | }) | 164 | }) |
165 | + wx.setStorageSync('unit', e.detail.value) | ||
113 | }, | 166 | }, |
114 | - setemail(e) { | 167 | + // 职务 |
168 | + setduty(e) { | ||
115 | this.setData({ | 169 | this.setData({ |
116 | - email: e.detail.value | 170 | + duty: e.detail.value |
117 | }) | 171 | }) |
172 | + wx.setStorageSync('duty', e.detail.value) | ||
173 | + | ||
174 | + | ||
118 | }, | 175 | }, |
119 | - seturgency_phone(e) { | 176 | + // 通讯地址 |
177 | + setaddr(e) { | ||
120 | this.setData({ | 178 | this.setData({ |
121 | - urgency_phone: e.detail.value | 179 | + addr: e.detail.value |
122 | }) | 180 | }) |
181 | + wx.setStorageSync('addr', e.detail.value) | ||
123 | }, | 182 | }, |
124 | - setqq(e) { | 183 | + //邮编 |
184 | + setpostcode(e) { | ||
125 | this.setData({ | 185 | this.setData({ |
126 | - qq: e.detail.value | 186 | + postcode: e.detail.value |
127 | }) | 187 | }) |
188 | + wx.setStorageSync('postcode', e.detail.value) | ||
128 | }, | 189 | }, |
129 | - bindsex(e) { | 190 | + // 就读学校 |
191 | + setschool(e) { | ||
130 | this.setData({ | 192 | this.setData({ |
131 | - sex: parseInt(e.detail.value) + 1 | 193 | + school: e.detail.value |
132 | }) | 194 | }) |
195 | + wx.setStorageSync('school', e.detail.value) | ||
196 | + | ||
197 | + }, | ||
198 | + // 身份证号 | ||
199 | + setcard_number(e) { | ||
200 | + this.setData({ | ||
201 | + card_number: e.detail.value | ||
202 | + }) | ||
203 | + wx.setStorageSync('card_number', e.detail.value) | ||
204 | + | ||
133 | }, | 205 | }, |
134 | //固定电话 | 206 | //固定电话 |
135 | setfixed_phone(e) { | 207 | setfixed_phone(e) { |
136 | this.setData({ | 208 | this.setData({ |
137 | fixed_phone: e.detail.value | 209 | fixed_phone: e.detail.value |
138 | }) | 210 | }) |
211 | + wx.setStorageSync('fixed_phone', e.detail.value) | ||
139 | }, | 212 | }, |
140 | - | 213 | + |
141 | //移动电话 | 214 | //移动电话 |
142 | setmove_phone(e) { | 215 | setmove_phone(e) { |
143 | this.setData({ | 216 | this.setData({ |
144 | move_phone: e.detail.value | 217 | move_phone: e.detail.value |
145 | }) | 218 | }) |
219 | + wx.setStorageSync('move_phone', e.detail.value) | ||
146 | }, | 220 | }, |
147 | - | ||
148 | - bindbirthdayChange(e) { | ||
149 | - this.setData({ | ||
150 | - birthday: e.detail.value | ||
151 | - }) | ||
152 | - }, | ||
153 | - bindnationChange(e) { | ||
154 | - let nationarr = this.data.nationarr; | 221 | + // 电子邮箱 |
222 | + setemail(e) { | ||
155 | this.setData({ | 223 | this.setData({ |
156 | - nation: nationarr[e.detail.value] | 224 | + email: e.detail.value |
157 | }) | 225 | }) |
226 | + wx.setStorageSync('email', e.detail.value) | ||
227 | + | ||
158 | }, | 228 | }, |
159 | - bindeducationChange(e) { | ||
160 | - let educationarr = this.data.educationarr; | 229 | + // 紧急联系人 |
230 | + seturgency_phone(e) { | ||
161 | this.setData({ | 231 | this.setData({ |
162 | - education: educationarr[e.detail.value] | 232 | + urgency_phone: e.detail.value |
163 | }) | 233 | }) |
164 | - }, | 234 | + wx.setStorageSync('urgency_phone', e.detail.value) |
165 | 235 | ||
166 | - bindpoliticsChange(e) { | ||
167 | - let politicsarr = this.data.politicsarr; | 236 | + }, |
237 | + // QQ号码 | ||
238 | + setqq(e) { | ||
168 | this.setData({ | 239 | this.setData({ |
169 | - politics: politicsarr[e.detail.value] | 240 | + qq: e.detail.value |
170 | }) | 241 | }) |
242 | + wx.setStorageSync('qq', e.detail.value) | ||
171 | }, | 243 | }, |
172 | 244 | ||
173 | - | ||
174 | //选择省市区 | 245 | //选择省市区 |
175 | getarea() { | 246 | getarea() { |
176 | let that = this; | 247 | let that = this; |
@@ -197,7 +268,7 @@ Page({ | @@ -197,7 +268,7 @@ Page({ | ||
197 | that.setData({ | 268 | that.setData({ |
198 | ifempower: false | 269 | ifempower: false |
199 | }) | 270 | }) |
200 | - | 271 | + |
201 | } else if (that.data.is_submit == '1') { | 272 | } else if (that.data.is_submit == '1') { |
202 | that.getdatalist(); | 273 | that.getdatalist(); |
203 | } | 274 | } |
@@ -256,7 +327,7 @@ Page({ | @@ -256,7 +327,7 @@ Page({ | ||
256 | 327 | ||
257 | }) | 328 | }) |
258 | }, | 329 | }, |
259 | - bindChange: function(e) { | 330 | + bindChange: function (e) { |
260 | let that = this; | 331 | let that = this; |
261 | let valarr = that.data.valarr; | 332 | let valarr = that.data.valarr; |
262 | let provincearr = that.data.provincearr; | 333 | let provincearr = that.data.provincearr; |
@@ -312,6 +383,8 @@ Page({ | @@ -312,6 +383,8 @@ Page({ | ||
312 | address: provincearr[i].province_name + cityarr[j].city_name + countryarr[k].country_name, | 383 | address: provincearr[i].province_name + cityarr[j].city_name + countryarr[k].country_name, |
313 | showapply: false | 384 | showapply: false |
314 | }) | 385 | }) |
386 | + | ||
387 | + wx.setStorageSync('address', this.data.address) | ||
315 | }, | 388 | }, |
316 | 389 | ||
317 | setshowapply() { | 390 | setshowapply() { |
@@ -396,6 +469,8 @@ Page({ | @@ -396,6 +469,8 @@ Page({ | ||
396 | let tem = e.currentTarget.dataset.tem; | 469 | let tem = e.currentTarget.dataset.tem; |
397 | that.uploadImage(tem); | 470 | that.uploadImage(tem); |
398 | 471 | ||
472 | + | ||
473 | + | ||
399 | }, | 474 | }, |
400 | //上传头像1为头像,2为省份证正面,3为省份证反面 | 475 | //上传头像1为头像,2为省份证正面,3为省份证反面 |
401 | uploadImage(tem) { | 476 | uploadImage(tem) { |
@@ -403,7 +478,7 @@ Page({ | @@ -403,7 +478,7 @@ Page({ | ||
403 | wx.chooseImage({ | 478 | wx.chooseImage({ |
404 | count: 1, | 479 | count: 1, |
405 | sizeType: ['original', 'compressed'], | 480 | sizeType: ['original', 'compressed'], |
406 | - success: function(res) { | 481 | + success: function (res) { |
407 | let tempFilePaths = res.tempFilePaths //总文件 | 482 | let tempFilePaths = res.tempFilePaths //总文件 |
408 | let head = { | 483 | let head = { |
409 | 'XX-Token': wx.getStorageSync('token'), | 484 | 'XX-Token': wx.getStorageSync('token'), |
@@ -416,29 +491,32 @@ Page({ | @@ -416,29 +491,32 @@ Page({ | ||
416 | name: 'file', | 491 | name: 'file', |
417 | header: head, | 492 | header: head, |
418 | formData: {}, | 493 | formData: {}, |
419 | - success: function(res) { | 494 | + success: function (res) { |
420 | let temdata = JSON.parse(res.data); | 495 | let temdata = JSON.parse(res.data); |
421 | if (temdata.code == 20000) { | 496 | if (temdata.code == 20000) { |
422 | if (tem == '1') { | 497 | if (tem == '1') { |
423 | that.setData({ | 498 | that.setData({ |
424 | photo: temdata.data.url | 499 | photo: temdata.data.url |
425 | }) | 500 | }) |
501 | + wx.setStorageSync('photo', temdata.data.url) | ||
426 | } else if (tem == '2') { | 502 | } else if (tem == '2') { |
427 | that.setData({ | 503 | that.setData({ |
428 | front_card: temdata.data.url | 504 | front_card: temdata.data.url |
429 | }) | 505 | }) |
506 | + wx.setStorageSync('front_card', temdata.data.url) | ||
430 | } else if (tem == '3') { | 507 | } else if (tem == '3') { |
431 | that.setData({ | 508 | that.setData({ |
432 | reverse_card: temdata.data.url | 509 | reverse_card: temdata.data.url |
433 | }) | 510 | }) |
511 | + wx.setStorageSync('reverse_card', temdata.data.url) | ||
434 | } | 512 | } |
435 | } | 513 | } |
436 | }, | 514 | }, |
437 | - fail: function(res) {}, | 515 | + fail: function (res) {}, |
438 | complete: () => {} | 516 | complete: () => {} |
439 | }) | 517 | }) |
440 | }, | 518 | }, |
441 | - fail: function(res) {} | 519 | + fail: function (res) {} |
442 | }) | 520 | }) |
443 | }, | 521 | }, |
444 | setapply_nav(e) { | 522 | setapply_nav(e) { |
@@ -490,8 +568,6 @@ Page({ | @@ -490,8 +568,6 @@ Page({ | ||
490 | err = '请输入您的身份证号!'; | 568 | err = '请输入您的身份证号!'; |
491 | } else if (!AuglyTest_ID.test(that.data.card_number)) { | 569 | } else if (!AuglyTest_ID.test(that.data.card_number)) { |
492 | err = '请输入正确的身份证号!'; | 570 | err = '请输入正确的身份证号!'; |
493 | - } else if (that.data.fixed_phone == '' || !that.data.fixed_phone) { | ||
494 | - err = '请输入您的固定电话!'; | ||
495 | } else if (that.data.move_phone == '') { | 571 | } else if (that.data.move_phone == '') { |
496 | err = '请输入您的移动电话!'; | 572 | err = '请输入您的移动电话!'; |
497 | } else if (!AuglyTest_phone.test(that.data.move_phone)) { | 573 | } else if (!AuglyTest_phone.test(that.data.move_phone)) { |
@@ -514,6 +590,7 @@ Page({ | @@ -514,6 +590,7 @@ Page({ | ||
514 | err = '请上传身份证反面!'; | 590 | err = '请上传身份证反面!'; |
515 | } | 591 | } |
516 | if (err == '') { | 592 | if (err == '') { |
593 | + | ||
517 | let record = that.data.record; | 594 | let record = that.data.record; |
518 | let record_start_time = []; | 595 | let record_start_time = []; |
519 | let record_end_time = []; | 596 | let record_end_time = []; |
@@ -567,18 +644,35 @@ Page({ | @@ -567,18 +644,35 @@ Page({ | ||
567 | photo: that.data.photo | 644 | photo: that.data.photo |
568 | } | 645 | } |
569 | app.post(url, params, head).then((res) => { | 646 | app.post(url, params, head).then((res) => { |
570 | - wx.showToast({ | ||
571 | - title: '提交成功,等待审核', | ||
572 | - mask: true, | ||
573 | - icon: 'none', | ||
574 | - duration: 2000 | 647 | + |
648 | + wx.showModal({ | ||
649 | + title: '请仔细核对信息,确认无误!', | ||
650 | + content: '如需修改个人信息,请在微信公众号申请:关注微信公众号“白求恩志愿者中心”,点击菜单按钮“修改个人信息”,申请提交。', | ||
651 | + confirmText:'确认提交', | ||
652 | + cancelText:'我再想想', | ||
653 | + success(res) { | ||
654 | + if (res.confirm) { | ||
655 | + | ||
656 | + wx.showToast({ | ||
657 | + title: '提交成功,等待审核', | ||
658 | + mask: true, | ||
659 | + icon: 'none', | ||
660 | + duration: 2000 | ||
661 | + }) | ||
662 | + setTimeout(function () { | ||
663 | + wx.switchTab({ | ||
664 | + url: '/pages/my/my' | ||
665 | + }) | ||
666 | + }, 1000) | ||
667 | + console.log('用户点击确定') | ||
668 | + } else if (res.cancel) { | ||
669 | + | ||
670 | + console.log('用户点击取消') | ||
671 | + } | ||
672 | + } | ||
575 | }) | 673 | }) |
576 | 674 | ||
577 | - setTimeout(function() { | ||
578 | - wx.switchTab({ | ||
579 | - url: '/pages/my/my' | ||
580 | - }) | ||
581 | - }, 1000) | 675 | + |
582 | }).catch((err) => {}) | 676 | }).catch((err) => {}) |
583 | } else { | 677 | } else { |
584 | wx.showToast({ | 678 | wx.showToast({ |
@@ -655,10 +749,11 @@ Page({ | @@ -655,10 +749,11 @@ Page({ | ||
655 | /** | 749 | /** |
656 | * 生命周期函数--监听页面加载 | 750 | * 生命周期函数--监听页面加载 |
657 | */ | 751 | */ |
658 | - onLoad: function(options) { | 752 | + onLoad: function (options) { |
753 | + console.log(options) | ||
659 | let that = this; | 754 | let that = this; |
660 | that.setData({ | 755 | that.setData({ |
661 | - is_submit: options.is_submit ? options.is_submit:null, | 756 | + is_submit: options.is_submit ? options.is_submit : null, |
662 | id: options.id, | 757 | id: options.id, |
663 | page_type: options.type ? options.type : null | 758 | page_type: options.type ? options.type : null |
664 | }) | 759 | }) |
@@ -673,22 +768,19 @@ Page({ | @@ -673,22 +768,19 @@ Page({ | ||
673 | /** | 768 | /** |
674 | * 生命周期函数--监听页面初次渲染完成 | 769 | * 生命周期函数--监听页面初次渲染完成 |
675 | */ | 770 | */ |
676 | - onReady: function() { | 771 | + onReady: function () { |
677 | 772 | ||
678 | }, | 773 | }, |
679 | 774 | ||
680 | /** | 775 | /** |
681 | * 生命周期函数--监听页面显示 | 776 | * 生命周期函数--监听页面显示 |
682 | */ | 777 | */ |
683 | - onShow: function() { | ||
684 | - | ||
685 | 778 | ||
686 | - }, | ||
687 | 779 | ||
688 | /** | 780 | /** |
689 | * 生命周期函数--监听页面隐藏 | 781 | * 生命周期函数--监听页面隐藏 |
690 | */ | 782 | */ |
691 | - onHide: function() { | 783 | + onHide: function () { |
692 | 784 | ||
693 | 785 | ||
694 | 786 | ||
@@ -697,28 +789,28 @@ Page({ | @@ -697,28 +789,28 @@ Page({ | ||
697 | /** | 789 | /** |
698 | * 生命周期函数--监听页面卸载 | 790 | * 生命周期函数--监听页面卸载 |
699 | */ | 791 | */ |
700 | - onUnload: function() { | 792 | + onUnload: function () { |
701 | 793 | ||
702 | }, | 794 | }, |
703 | 795 | ||
704 | /** | 796 | /** |
705 | * 页面相关事件处理函数--监听用户下拉动作 | 797 | * 页面相关事件处理函数--监听用户下拉动作 |
706 | */ | 798 | */ |
707 | - onPullDownRefresh: function() { | 799 | + onPullDownRefresh: function () { |
708 | 800 | ||
709 | }, | 801 | }, |
710 | 802 | ||
711 | /** | 803 | /** |
712 | * 页面上拉触底事件的处理函数 | 804 | * 页面上拉触底事件的处理函数 |
713 | */ | 805 | */ |
714 | - onReachBottom: function() { | 806 | + onReachBottom: function () { |
715 | 807 | ||
716 | }, | 808 | }, |
717 | 809 | ||
718 | /** | 810 | /** |
719 | * 用户点击右上角分享 | 811 | * 用户点击右上角分享 |
720 | */ | 812 | */ |
721 | - onShareAppMessage: function() { | 813 | + onShareAppMessage: function () { |
722 | 814 | ||
723 | } | 815 | } |
724 | }) | 816 | }) |
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <image src='{{photo}}' wx:if='{{photo}}' mode="aspectFill"></image> | 3 | <image src='{{photo}}' wx:if='{{photo}}' mode="aspectFill"></image> |
4 | <view class='iconfont icon-xiangji' wx:if='{{!photo}}'></view> | 4 | <view class='iconfont icon-xiangji' wx:if='{{!photo}}'></view> |
5 | </view> | 5 | </view> |
6 | - <view class='tips_word'>请选择1:1的图像</view> | 6 | + <view class='tips_word'>请选择1寸免冠照片</view> |
7 | </view> | 7 | </view> |
8 | 8 | ||
9 | 9 | ||
@@ -96,7 +96,7 @@ | @@ -96,7 +96,7 @@ | ||
96 | </view> | 96 | </view> |
97 | </view> | 97 | </view> |
98 | <view class='apply_item'> | 98 | <view class='apply_item'> |
99 | - <view>固定电话</view> | 99 | + <view>固定电话(选填)</view> |
100 | <view class='apply_item_input'> | 100 | <view class='apply_item_input'> |
101 | <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='setfixed_phone' value='{{fixed_phone}}'></input> | 101 | <input placeholder='未填写' type='number' placeholder-class='input_p' bindinput='setfixed_phone' value='{{fixed_phone}}'></input> |
102 | </view> | 102 | </view> |
@@ -138,7 +138,7 @@ | @@ -138,7 +138,7 @@ | ||
138 | 138 | ||
139 | 139 | ||
140 | 140 | ||
141 | - | 141 | +<!-- 个人履历 --> |
142 | <view class='apply_nav'> | 142 | <view class='apply_nav'> |
143 | <view class='apply_cell {{apply_nav==0?"apply_active":""}}' data-apply_nav='0' bindtap='setapply_nav'>个人履历1</view> | 143 | <view class='apply_cell {{apply_nav==0?"apply_active":""}}' data-apply_nav='0' bindtap='setapply_nav'>个人履历1</view> |
144 | <view class='apply_cell {{apply_nav==1?"apply_active":""}}' data-apply_nav='1' bindtap='setapply_nav'>个人履历2</view> | 144 | <view class='apply_cell {{apply_nav==1?"apply_active":""}}' data-apply_nav='1' bindtap='setapply_nav'>个人履历2</view> |
@@ -212,7 +212,7 @@ | @@ -212,7 +212,7 @@ | ||
212 | <view class='apply_bottomtitle' wx:if="{{!page_type}}">志愿者申请书 | 212 | <view class='apply_bottomtitle' wx:if="{{!page_type}}">志愿者申请书 |
213 | </view> | 213 | </view> |
214 | <view class='apply_bottom' wx:if="{{!page_type}}"> | 214 | <view class='apply_bottom' wx:if="{{!page_type}}"> |
215 | - 为继承和弘扬国际主义战士白求恩的伟大风范和高尚情操,传承和弘扬白求恩的伟大精神,本人自愿申请加入白求恩志愿者队伍。 本人愿尽己所能,以“志愿服务”为宗旨,不计报酬、帮助他人、服务社会,恪守国家法律、法规,遵守白求恩志愿者各项规章制度,努力工作,尽职尽责,力争为公益事业做出贡献。 | 215 | + 为继承和弘扬国际主义战士白求恩的伟大风范和高尚情操,传承和弘扬白求恩的伟大精神,本人自愿申请加入白求恩志愿者队伍。本人愿尽己所能,以“志愿服务”为宗旨,不计报酬、帮助他人、服务社会,恪守国家法律、法规,遵守白求恩志愿者各项规章制度,努力工作,尽职尽责,力争为公益事业做出贡献。 |
216 | </view> | 216 | </view> |
217 | 217 | ||
218 | 218 |
1 | +// pages/getStudycontent/getStudycontent.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + | ||
11 | + /** | ||
12 | + * 生命周期函数--监听页面加载 | ||
13 | + */ | ||
14 | + onLoad: function (options) { | ||
15 | + | ||
16 | + }, | ||
17 | + | ||
18 | + /** | ||
19 | + * 生命周期函数--监听页面初次渲染完成 | ||
20 | + */ | ||
21 | + onReady: function () { | ||
22 | + | ||
23 | + }, | ||
24 | + | ||
25 | + /** | ||
26 | + * 生命周期函数--监听页面显示 | ||
27 | + */ | ||
28 | + onShow: function () { | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + /** | ||
33 | + * 生命周期函数--监听页面隐藏 | ||
34 | + */ | ||
35 | + onHide: function () { | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面卸载 | ||
41 | + */ | ||
42 | + onUnload: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | + */ | ||
49 | + onPullDownRefresh: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 页面上拉触底事件的处理函数 | ||
55 | + */ | ||
56 | + onReachBottom: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 用户点击右上角分享 | ||
62 | + */ | ||
63 | + onShareAppMessage: function () { | ||
64 | + | ||
65 | + } | ||
66 | +}) |
1 | +<!--pages/getStudycontent/getStudycontent.wxml--> | ||
2 | + | ||
3 | +<view class="answer_text"> | ||
4 | + | ||
5 | + <text-rich> | ||
6 | + 很快适应了当地生活,但对于一个国际中文教学的“新手”来说,走上真正的讲台才是我接下来面临的挑战,不过惊喜也在悄然发生。 造访的第一个学校是Maštolend儿园,第一眼就爱上了这群可爱的孩子们。大班的孩子集体唱《你好歌》 | ||
7 | + | ||
8 | + </text-rich> | ||
9 | + | ||
10 | + | ||
11 | +</view> | ||
12 | + | ||
13 | + | ||
14 | +<view class="answer"> | ||
15 | + <button hover-class="none">去答题</button> | ||
16 | +</view> |
1 | +.answer_text { | ||
2 | + padding: 24rpx 32rpx; | ||
3 | + font-size: 28rpx; | ||
4 | + color: #5D5D5D; | ||
5 | +} | ||
6 | + | ||
7 | + | ||
8 | +.answer { | ||
9 | + width: 100%; | ||
10 | + height: 122rpx; | ||
11 | + position: fixed; | ||
12 | + bottom: 0; | ||
13 | + box-shadow: 0px -6px 15px 0px rgba(0, 67, 26, 0.06); | ||
14 | + display: flex; | ||
15 | + align-items: center; | ||
16 | + | ||
17 | +} | ||
18 | + | ||
19 | +button { | ||
20 | + width: 622rpx; | ||
21 | + height: 88rpx; | ||
22 | + color: #ffffff; | ||
23 | + font-size: 32rpx; | ||
24 | + background: linear-gradient(130deg, #2ed26e 13%, #05983e 98%); | ||
25 | + border-radius: 22px; | ||
26 | + box-shadow: 0px 9px 19px 0px rgba(0, 116, 45, 0.42); | ||
27 | +} |
1 | +//index.js | ||
2 | +const app = getApp(); | ||
3 | +Page({ | ||
4 | + data: { | ||
5 | + navbar: ['志愿者', '志愿团队'], | ||
6 | + currentTab: 0, | ||
7 | + list: [], | ||
8 | + | ||
9 | + }, | ||
10 | + //切换bar | ||
11 | + navbarTap: function (e) { | ||
12 | + this.setData({ | ||
13 | + currentTab: e.currentTarget.dataset.idx | ||
14 | + }) | ||
15 | + | ||
16 | + //全局变量 | ||
17 | + app.globalData.currentTab = e.currentTarget.dataset.idx; | ||
18 | + | ||
19 | + }, | ||
20 | + onShow() { | ||
21 | + this.setData({ | ||
22 | + currentTab: app.globalData.currentTab | ||
23 | + }) | ||
24 | + | ||
25 | + }, | ||
26 | + | ||
27 | + onLoad: function () { | ||
28 | + | ||
29 | + }, | ||
30 | + | ||
31 | + | ||
32 | + | ||
33 | + | ||
34 | + | ||
35 | + | ||
36 | + | ||
37 | + | ||
38 | +}) |
1 | +<!-- --> | ||
2 | +<view class="goods_index"> | ||
3 | + <!-- 导航条开始 --> | ||
4 | + <view class="navbar"> | ||
5 | + <view wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap"> | ||
6 | + {{item}} | ||
7 | + </view> | ||
8 | + </view> | ||
9 | + <!-- 导航条结束 --> | ||
10 | + <!-- 内容 --> | ||
11 | + <view wx:if="{{currentTab==0}}"> | ||
12 | + | ||
13 | + ss2 | ||
14 | + </view> | ||
15 | + <view wx:elif="{{currentTab==1}}"> | ||
16 | + <view class="goods_groups"> | ||
17 | + <view>1</view> | ||
18 | + <view>天津市志愿者之家</view> | ||
19 | + <view>3000小时</view> | ||
20 | + | ||
21 | + </view> | ||
22 | + </view> | ||
23 | + | ||
24 | + | ||
25 | +</view> |
1 | + | ||
2 | +page{ | ||
3 | + | ||
4 | + background-color: rgb(240, 240, 240); | ||
5 | +} | ||
6 | +.goods_index { | ||
7 | + padding: 20rpx 32rpx; | ||
8 | +} | ||
9 | + | ||
10 | +/* 导航条开始 */ | ||
11 | +.navbar { | ||
12 | + /* padding : 10rpx 0; */ | ||
13 | + display: flex; | ||
14 | + justify-content: space-around; | ||
15 | + /* background : linear-gradient(136deg,#4e8fff 2%, #55c2fa); */ | ||
16 | + font-size: 30rpx; | ||
17 | + color: #969799; | ||
18 | + border-radius: 2px 0px 0px 2px; | ||
19 | + | ||
20 | +} | ||
21 | + | ||
22 | +.navbar .item { | ||
23 | + width: 346rpx; | ||
24 | + height: 64rpx; | ||
25 | + line-height: 64rpx; | ||
26 | + font-size: 24rpx; | ||
27 | + position: relative; | ||
28 | + text-align: center; | ||
29 | + /* background-color: #FFC909; */ | ||
30 | + /* border-radius : 19px; */ | ||
31 | + | ||
32 | +} | ||
33 | + | ||
34 | +.navbar .item.active { | ||
35 | + color: black; | ||
36 | + /* background: linear-gradient(136deg, #4e8fff 2%, #55c2fa); */ | ||
37 | + | ||
38 | +} | ||
39 | + | ||
40 | +.navbar .item.active:after { | ||
41 | + content: ""; | ||
42 | + display: block; | ||
43 | + position: absolute; | ||
44 | + bottom: 0; | ||
45 | + left: 0; | ||
46 | + right: 0; | ||
47 | + width: 80rpx; | ||
48 | + height: 6rpx; | ||
49 | + background: #21AE58; | ||
50 | + margin: 0 auto; | ||
51 | +} | ||
52 | + | ||
53 | +/* 导航条结束 */ | ||
54 | +.goods_groups{ | ||
55 | +height: 88rpx; | ||
56 | +line-height: 88rpx; | ||
57 | +display:flex; | ||
58 | +justify-content: space-between; | ||
59 | +color: #323233; | ||
60 | +font-size: 28rpx; | ||
61 | +} |
1 | +// pages/guanlitiaoli/guanlitiaoli.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + }, | ||
9 | + | ||
10 | + | ||
11 | + | ||
12 | + | ||
13 | + | ||
14 | + /** | ||
15 | + * 生命周期函数--监听页面加载 | ||
16 | + */ | ||
17 | + onLoad: function (options) { | ||
18 | + | ||
19 | + }, | ||
20 | + | ||
21 | + /** | ||
22 | + * 生命周期函数--监听页面初次渲染完成 | ||
23 | + */ | ||
24 | + onReady: function () { | ||
25 | + | ||
26 | + }, | ||
27 | + | ||
28 | + /** | ||
29 | + * 生命周期函数--监听页面显示 | ||
30 | + */ | ||
31 | + onShow: function () { | ||
32 | + | ||
33 | + }, | ||
34 | + | ||
35 | + /** | ||
36 | + * 生命周期函数--监听页面隐藏 | ||
37 | + */ | ||
38 | + onHide: function () { | ||
39 | + | ||
40 | + }, | ||
41 | + | ||
42 | + /** | ||
43 | + * 生命周期函数--监听页面卸载 | ||
44 | + */ | ||
45 | + onUnload: function () { | ||
46 | + | ||
47 | + }, | ||
48 | + | ||
49 | + /** | ||
50 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
51 | + */ | ||
52 | + onPullDownRefresh: function () { | ||
53 | + | ||
54 | + }, | ||
55 | + | ||
56 | + /** | ||
57 | + * 页面上拉触底事件的处理函数 | ||
58 | + */ | ||
59 | + onReachBottom: function () { | ||
60 | + | ||
61 | + }, | ||
62 | + | ||
63 | + /** | ||
64 | + * 用户点击右上角分享 | ||
65 | + */ | ||
66 | + onShareAppMessage: function () { | ||
67 | + | ||
68 | + } | ||
69 | +}) |
@@ -5,6 +5,7 @@ | @@ -5,6 +5,7 @@ | ||
5 | <picker range='{{city_arr}}' bindchange='selecteCtiy'> | 5 | <picker range='{{city_arr}}' bindchange='selecteCtiy'> |
6 | <view class="title {{clickIndex?'titleActive':''}}"> | 6 | <view class="title {{clickIndex?'titleActive':''}}"> |
7 | {{city}} | 7 | {{city}} |
8 | + | ||
8 | </view> | 9 | </view> |
9 | </picker> | 10 | </picker> |
10 | </view> | 11 | </view> |
@@ -18,7 +19,8 @@ | @@ -18,7 +19,8 @@ | ||
18 | </view> | 19 | </view> |
19 | <view> | 20 | <view> |
20 | <view class='new_box'> | 21 | <view class='new_box'> |
21 | - <navigator class='new_cell' wx:for='{{activity}}' wx:key url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> | 22 | + <navigator class='new_cell' wx:for='{{activity}}' wx:key="id" url='/pages/img_txt/img_txt?id={{item.id}}&status=1' |
23 | + hover-class="none"> | ||
22 | <view class='new_cellmain'> | 24 | <view class='new_cellmain'> |
23 | <view class='new_img'> | 25 | <view class='new_img'> |
24 | <image src='{{item.thumbnail}}' mode="aspectFill"> </image> | 26 | <image src='{{item.thumbnail}}' mode="aspectFill"> </image> |
@@ -26,15 +28,15 @@ | @@ -26,15 +28,15 @@ | ||
26 | <view class='new_title'>{{item.activity_name}}</view> | 28 | <view class='new_title'>{{item.activity_name}}</view> |
27 | <view class='title_box'> | 29 | <view class='title_box'> |
28 | <view class='wz_box'> | 30 | <view class='wz_box'> |
29 | - <image src='/imgs/dizhi@2x.png' /> | ||
30 | - <text>{{item.province_name}}</text> | 31 | + <!-- <image src='/imgs/dizhi@2x.png' /> --> |
32 | + <view>{{item.time}}</view> | ||
31 | </view> | 33 | </view> |
32 | - <view class='word'>{{item.type_name}}</view> | 34 | + <text>{{item.province_name}}</text> |
35 | + <!-- <view class='word'>{{item.type_name}}</view> --> | ||
33 | </view> | 36 | </view> |
34 | - <view>{{item.time}}</view> | ||
35 | </view> | 37 | </view> |
36 | </navigator> | 38 | </navigator> |
37 | - <view class='empty' wx:if='{{activity.length == 0}}'>暂无数据,请去添加</view> | 39 | + <view class='empty' wx:if='{{activity.length == 0}}'>暂无数据,请去添加</view> |
38 | </view> | 40 | </view> |
39 | </view> | 41 | </view> |
40 | </view> | 42 | </view> |
1 | -.index_newbox { | ||
2 | -} | ||
3 | 1 | ||
2 | +page{ | ||
3 | + background-color: rgb(240, 240, 240); | ||
4 | +} | ||
4 | .new_box { | 5 | .new_box { |
5 | display: flex; | 6 | display: flex; |
6 | justify-content: space-between; | 7 | justify-content: space-between; |
@@ -23,6 +24,8 @@ | @@ -23,6 +24,8 @@ | ||
23 | 24 | ||
24 | .new_cellmain { | 25 | .new_cellmain { |
25 | overflow: hidden; | 26 | overflow: hidden; |
27 | + border-radius: 7px; | ||
28 | + background-color: #ffffff; | ||
26 | } | 29 | } |
27 | 30 | ||
28 | .new_img { | 31 | .new_img { |
@@ -44,9 +47,10 @@ | @@ -44,9 +47,10 @@ | ||
44 | white-space: nowrap; | 47 | white-space: nowrap; |
45 | text-overflow: ellipsis; | 48 | text-overflow: ellipsis; |
46 | overflow: hidden; | 49 | overflow: hidden; |
50 | + padding: 0 16rpx; | ||
47 | margin: 18rpx 0 13rpx 0; | 51 | margin: 18rpx 0 13rpx 0; |
48 | color: #292929; | 52 | color: #292929; |
49 | - font-size: 28rpx; | 53 | + font-size: 26rpx; |
50 | } | 54 | } |
51 | 55 | ||
52 | .wz_box { | 56 | .wz_box { |
@@ -56,9 +60,10 @@ | @@ -56,9 +60,10 @@ | ||
56 | } | 60 | } |
57 | 61 | ||
58 | .title_box { | 62 | .title_box { |
63 | + padding: 0 16rpx; | ||
59 | margin: 18rpx 0 13rpx 0; | 64 | margin: 18rpx 0 13rpx 0; |
60 | color: #292929; | 65 | color: #292929; |
61 | - font-size: 28rpx; | 66 | + font-size: 24rpx; |
62 | display: flex; | 67 | display: flex; |
63 | align-items: center; | 68 | align-items: center; |
64 | justify-content: space-between; | 69 | justify-content: space-between; |
@@ -78,7 +83,10 @@ | @@ -78,7 +83,10 @@ | ||
78 | text-overflow: ellipsis; | 83 | text-overflow: ellipsis; |
79 | white-space: nowrap; | 84 | white-space: nowrap; |
80 | } | 85 | } |
86 | +text{ | ||
81 | 87 | ||
88 | + color: #FF976A; | ||
89 | +} | ||
82 | .tabbar { | 90 | .tabbar { |
83 | width: 100%; | 91 | width: 100%; |
84 | height: 100rpx; | 92 | height: 100rpx; |
@@ -7,10 +7,62 @@ Page({ | @@ -7,10 +7,62 @@ Page({ | ||
7 | data: { | 7 | data: { |
8 | star_num: 3, | 8 | star_num: 3, |
9 | datalist: [], | 9 | datalist: [], |
10 | + datalists: '', | ||
10 | activity_page: 0, | 11 | activity_page: 0, |
11 | activity: [], | 12 | activity: [], |
12 | - page_type: true | 13 | + page_type: true, |
14 | + navList: [{ | ||
15 | + path: '/pages/Volunteer_dynamic/Volunteer_dynamic', | ||
16 | + id: 1, | ||
17 | + name: '志愿动态', | ||
18 | + icon: '/imgs/menu1.png', | ||
19 | + }, | ||
20 | + { | ||
21 | + path: '/pages/index/active/active', | ||
22 | + id: 2, | ||
23 | + name: '活动招募', | ||
24 | + icon: '/imgs/menu2.png', | ||
25 | + }, | ||
26 | + { | ||
27 | + path: '/pages/Volunteer_group/Volunteer_group', | ||
28 | + id: 3, | ||
29 | + name: '志愿团队', | ||
30 | + icon: '/imgs/menu3.png', | ||
31 | + }, | ||
32 | + { | ||
33 | + path: '/pages/Online_regulations/Online_regulations', | ||
34 | + id: 4, | ||
35 | + name: '在线培训', | ||
36 | + icon: '/imgs/menu4.png', | ||
37 | + }, | ||
38 | + { | ||
39 | + path: '/pages/img_txt/img_txt?status=2', | ||
40 | + id: 5, | ||
41 | + name: '关于我们', | ||
42 | + icon: '/imgs/menu5.png', | ||
43 | + }, | ||
44 | + { | ||
45 | + path: '/pages/guanlitiaoli/guanlitiaoli', | ||
46 | + id: 6, | ||
47 | + name: '管理条例', | ||
48 | + icon: '/imgs/menu6.png', | ||
49 | + }, | ||
50 | + { | ||
51 | + path: '/pages/guangrongpaihang/guangrongpaihang', | ||
52 | + id: 7, | ||
53 | + name: '光荣排行', | ||
54 | + icon: '/imgs/menu7.png', | ||
55 | + }, | ||
56 | + { | ||
57 | + path: '/pages/apply/apply', | ||
58 | + id: 8, | ||
59 | + name: '个人注册', | ||
60 | + icon: '/imgs/menu8.png', | ||
61 | + }, | ||
62 | + ] | ||
63 | + | ||
13 | }, | 64 | }, |
65 | + // | ||
14 | getdatalist() { | 66 | getdatalist() { |
15 | let that = this; | 67 | let that = this; |
16 | let url = 'index/index/index'; | 68 | let url = 'index/index/index'; |
@@ -34,60 +86,129 @@ Page({ | @@ -34,60 +86,129 @@ Page({ | ||
34 | }) | 86 | }) |
35 | }, | 87 | }, |
36 | 88 | ||
89 | + // 获取个人注册信息 | ||
90 | + getdatalists() { | ||
91 | + let that = this; | ||
92 | + let url = 'index/member_center/index'; | ||
93 | + let head = { | ||
94 | + 'XX-Token': wx.getStorageSync('token') | ||
95 | + } | ||
96 | + app.post(url, {}, head).then((res) => { | ||
97 | + // console.log(res) | ||
98 | + that.setData({ | ||
99 | + datalists: res | ||
100 | + }) | ||
101 | + }).catch((err) => { | ||
102 | + | ||
103 | + }) | ||
104 | + }, | ||
105 | + | ||
106 | + // 招募活动 | ||
107 | + get() { | ||
108 | + wx.navigateTo({ | ||
109 | + url: '/pages/index/active/active', | ||
110 | + }) | ||
111 | + }, | ||
112 | + | ||
113 | + | ||
114 | + | ||
37 | /** | 115 | /** |
38 | * 生命周期函数--监听页面加载 | 116 | * 生命周期函数--监听页面加载 |
39 | */ | 117 | */ |
40 | - onLoad: function(options) { | 118 | + onLoad: function (options) { |
41 | wx.hideShareMenu() | 119 | wx.hideShareMenu() |
42 | - }, | ||
43 | 120 | ||
121 | + }, | ||
44 | /** | 122 | /** |
45 | - * 生命周期函数--监听页面初次渲染完成 | 123 | + * 生命周期函数--监听页面显示 |
46 | */ | 124 | */ |
47 | - onReady: function() { | 125 | + onShow: function () { |
126 | + this.getdatalist(); | ||
127 | + let that = this; | ||
128 | + that.getdatalists(); | ||
129 | + | ||
130 | + }, | ||
131 | + | ||
132 | + //导航跳转 | ||
133 | + gotoNav(e) { | ||
134 | + var path = e.currentTarget.dataset.path | ||
135 | + // console.log(e) | ||
136 | + var id = e.currentTarget.dataset.id; | ||
137 | + | ||
138 | + if (id != 8) { | ||
139 | + wx.navigateTo({ | ||
140 | + url: path, | ||
141 | + }) | ||
142 | + } else { | ||
143 | + // console.log( this.data.datalists) | ||
144 | + wx.navigateTo({ | ||
145 | + url: path + '?id=' + this.data.datalists.id + "&is_submit=" + this.data.datalists.is_submit, | ||
146 | + }) | ||
147 | + } | ||
148 | + | ||
149 | + // if (wx.getStorageSync('token')) { | ||
150 | + // wx.navigateTo({ | ||
151 | + // url: path, | ||
152 | + // }) | ||
153 | + // } else { | ||
154 | + // wx.showModal({ | ||
155 | + // title: '提示', | ||
156 | + // content: '请先去授权', | ||
157 | + // success(res) { | ||
158 | + // if (res.confirm) { | ||
159 | + // wx.navigateTo({ | ||
160 | + // url: '/pages/shouquan/shouquan', | ||
161 | + // }) | ||
162 | + // } else if (res.cancel) { | ||
163 | + | ||
164 | + // } | ||
165 | + // } | ||
166 | + // }) | ||
167 | + // } | ||
48 | 168 | ||
49 | }, | 169 | }, |
50 | 170 | ||
51 | /** | 171 | /** |
52 | - * 生命周期函数--监听页面显示 | 172 | + * 生命周期函数--监听页面初次渲染完成 |
53 | */ | 173 | */ |
54 | - onShow: function() { | ||
55 | - this.getdatalist() | 174 | + onReady: function () { |
56 | 175 | ||
57 | }, | 176 | }, |
58 | 177 | ||
178 | + | ||
179 | + | ||
59 | /** | 180 | /** |
60 | * 生命周期函数--监听页面隐藏 | 181 | * 生命周期函数--监听页面隐藏 |
61 | */ | 182 | */ |
62 | - onHide: function() { | 183 | + onHide: function () { |
63 | 184 | ||
64 | }, | 185 | }, |
65 | 186 | ||
66 | /** | 187 | /** |
67 | * 生命周期函数--监听页面卸载 | 188 | * 生命周期函数--监听页面卸载 |
68 | */ | 189 | */ |
69 | - onUnload: function() { | 190 | + onUnload: function () { |
70 | 191 | ||
71 | }, | 192 | }, |
72 | 193 | ||
73 | /** | 194 | /** |
74 | * 页面相关事件处理函数--监听用户下拉动作 | 195 | * 页面相关事件处理函数--监听用户下拉动作 |
75 | */ | 196 | */ |
76 | - onPullDownRefresh: function() { | 197 | + onPullDownRefresh: function () { |
77 | 198 | ||
78 | }, | 199 | }, |
79 | 200 | ||
80 | /** | 201 | /** |
81 | * 页面上拉触底事件的处理函数 | 202 | * 页面上拉触底事件的处理函数 |
82 | */ | 203 | */ |
83 | - onReachBottom: function() { | ||
84 | - | 204 | + onReachBottom: function () { |
205 | + | ||
85 | }, | 206 | }, |
86 | 207 | ||
87 | /** | 208 | /** |
88 | * 用户点击右上角分享 | 209 | * 用户点击右上角分享 |
89 | */ | 210 | */ |
90 | - onShareAppMessage: function() { | 211 | + onShareAppMessage: function () { |
91 | 212 | ||
92 | } | 213 | } |
93 | }) | 214 | }) |
1 | <!-- 轮播图 --> | 1 | <!-- 轮播图 --> |
2 | -<swiper indicator-dots="true" autoplay="true" indicator-color='#8C9194' indicator-active-color='#ffffff' class="slide-image"> | ||
3 | - <navigator wx:for="{{datalist.slide}}" wx:key hover-class="none" url='/pages/img_txt/img_txt?id={{item.activity_id}}&status=1'> | ||
4 | - <swiper-item> | ||
5 | - <image src="{{item.image}}" mode="aspectFill" /> | ||
6 | - </swiper-item> | ||
7 | - </navigator> | 2 | +<swiper indicator-dots="true" indicator-color='#8C9194' indicator-active-color='#ffffff' class="slide-image"> |
3 | + <navigator wx:for="{{datalist.slide}}" wx:key="id" hover-class="none" url='/pages/img_txt/img_txt?id={{item.activity_id}}&status=1'> | ||
4 | + <swiper-item> | ||
5 | + <image src="{{item.image}}" mode="aspectFill" /> | ||
6 | + </swiper-item> | ||
7 | + </navigator> | ||
8 | </swiper> | 8 | </swiper> |
9 | -<view class='vold_line'></view> | 9 | +<!-- <view class='vold_line'></view> --> |
10 | +<!-- 菜单 --> | ||
11 | +<view class="home_menu displayB "> | ||
12 | + <view class="home_time" bindtap="gotoNav" data-id="{{item.id}}" data-path="{{item.path}}" wx:for="{{navList}}" wx:key="id"> | ||
13 | + <view> | ||
14 | + <image src="{{item.icon}}" /> | ||
15 | + </view> | ||
16 | + <view class="home_title">{{item.name}}</view> | ||
17 | + </view> | ||
18 | + | ||
19 | +</view> | ||
10 | 20 | ||
11 | <!-- 志愿者列表 --> | 21 | <!-- 志愿者列表 --> |
12 | <view class='index_volunteertitle'> | 22 | <view class='index_volunteertitle'> |
13 | - <view class='title'>志愿者</view> | ||
14 | - <navigator url='/pages/more/more' hover-class="none">更多</navigator> | 23 | + <view class='title'>志愿者</view> |
24 | + <navigator class="more" url='/pages/more/more' hover-class="none">查看更多\t<image src="/imgs/more.png"></image> | ||
25 | + </navigator> | ||
15 | </view> | 26 | </view> |
16 | <view class='volunteerbox'> | 27 | <view class='volunteerbox'> |
17 | - <view class='volunteercell' wx:for='{{datalist.volunteer}}' wx:key="index" id='{{item.id}}' wx:if="{{index<=1}}"> | ||
18 | - <view class='cell_top'> | ||
19 | - <view class='cellimg'> | ||
20 | - <image src='{{item.photo?item.photo:"https://volunteer.cnpu.org/imgs/wode_02@2x.png"}}' mode="aspectFill" /> | ||
21 | - </view> | ||
22 | - <view class="c_right"> | ||
23 | - <view class="name">{{item.name}}</view> | ||
24 | - <view class="province">{{item.province}}</view> | ||
25 | - <view class='star_box'> | ||
26 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>0}}'></image> | ||
27 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>1}}'></image> | ||
28 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>2}}'></image> | ||
29 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>3}}'></image> | ||
30 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>4}}'></image> | ||
31 | - </view> | ||
32 | - </view> | ||
33 | - </view> | ||
34 | - </view> | 28 | + <view class='volunteercell' wx:for='{{datalist.volunteer}}' wx:key="index" id='{{item.id}}' wx:if="{{index<=3}}"> |
29 | + <view class='cell_top'> | ||
30 | + <view class='cellimg'> | ||
31 | + <image src='{{item.photo?item.photo:"https://volunteer.cnpu.org/imgs/wode_02@2x.png"}}' mode="aspectFill" /> | ||
32 | + </view> | ||
33 | + <view class="c_right"> | ||
34 | + <view class="name">{{item.name}}</view> | ||
35 | + <view class="province">{{item.province}}</view> | ||
36 | + <view class='star_box'> | ||
37 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>0}}'></image> | ||
38 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>1}}'></image> | ||
39 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>2}}'></image> | ||
40 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>3}}'></image> | ||
41 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>4}}'></image> | ||
42 | + | ||
43 | + </view> | ||
44 | + </view> | ||
45 | + </view> | ||
46 | + </view> | ||
35 | </view> | 47 | </view> |
36 | -<view class='vold_line'></view> | ||
37 | 48 | ||
38 | <view class='index_newbox' wx:if="{{activity.length>0}}"> | 49 | <view class='index_newbox' wx:if="{{activity.length>0}}"> |
39 | - <view class='index_volunteertitle'> | ||
40 | - <view class='title'>活动快讯</view> | ||
41 | - <navigator url='/pages/index/active/active' hover-class="none">更多</navigator> | ||
42 | - </view> | 50 | + <view class='index_volunteertitle'> |
51 | + <view class='title'>招募活动</view> | ||
52 | + <view class="more" bindtap="get"> | ||
53 | + 查看更多\t<image src="/imgs/more.png"></image> | ||
54 | + </view> | ||
55 | + | ||
56 | + </view> | ||
43 | 57 | ||
44 | - <view> | ||
45 | - <view class='new_box'> | ||
46 | - <navigator class='new_cell' wx:for='{{activity}}' wx:key url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> | ||
47 | - <view class='new_cellmain'> | ||
48 | - <view class='new_img'> | ||
49 | - <image src='{{item.thumbnail}}' mode="aspectFill" /> | ||
50 | - </view> | ||
51 | - <view class='new_title'>{{item.activity_name}}</view> | ||
52 | - <view class='title_box'> | ||
53 | - <view class='wz_box'> | ||
54 | - <text>{{item.start_time}}</text> | ||
55 | - </view> | ||
56 | - <view class='word'>{{item.province_name}}</view> | ||
57 | - </view> | ||
58 | - </view> | ||
59 | - </navigator> | ||
60 | - </view> | ||
61 | - </view> | 58 | + <view> |
59 | + <view class='new_box'> | ||
60 | + <navigator class='new_cell' wx:for='{{activity}}' wx:key="id" url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> | ||
61 | + <view class='new_cellmain'> | ||
62 | + <view class='new_img'> | ||
63 | + <image src='{{item.thumbnail}}' mode="aspectFill" /> | ||
64 | + </view> | ||
65 | + <view class='new_title'>{{item.activity_name}}</view> | ||
66 | + <view class='title_box'> | ||
67 | + <view class='wz_box'> | ||
68 | + <text>{{item.start_time}}</text> | ||
69 | + </view> | ||
70 | + <view class='word'>{{item.province_name}}</view> | ||
71 | + </view> | ||
72 | + </view> | ||
73 | + </navigator> | ||
74 | + </view> | ||
75 | + </view> | ||
62 | </view> | 76 | </view> |
63 | 77 | ||
64 | <view class='index_newbox' wx:if="{{news.length>0}}"> | 78 | <view class='index_newbox' wx:if="{{news.length>0}}"> |
65 | - <view class='index_volunteertitle'> | ||
66 | - <view class='title'>活动回顾</view> | ||
67 | - <navigator url='/pages/index/active/active?end_type=1' hover-class="none">更多</navigator> | ||
68 | - </view> | ||
69 | - <view class="review_box"> | ||
70 | - <navigator class="r_item" wx:for='{{news}}' wx:key="index" url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> | ||
71 | - <view class="r_left"> | ||
72 | - <view class="r_title">{{item.activity_name}}</view> | ||
73 | - <view class="r_info"> | ||
74 | - <text>活动时间:{{item.time}}</text> | ||
75 | - <text>地区:{{item.province_name}}</text> | ||
76 | - </view> | ||
77 | - </view> | ||
78 | - <image src="/imgs/right.png" class="r_right" /> | ||
79 | - </navigator> | ||
80 | - </view> | 79 | + <view class='index_volunteertitle'> |
80 | + <view class='title'>活动回顾</view> | ||
81 | + <navigator class="more" url='/pages/index/active/active?end_type=1' hover-class="none">查看更多\t<image src="/imgs/more.png"></image> | ||
82 | + </navigator> | ||
83 | + </view> | ||
84 | + <view class="review_box"> | ||
85 | + <view class="review_wrap"> | ||
86 | + <navigator class="r_item" wx:for='{{news}}' wx:key="index" url='/pages/img_txt/img_txt?id={{item.id}}&status=1' hover-class="none"> | ||
87 | + <view class="r_left"> | ||
88 | + <view class="r_title">{{item.activity_name}}</view> | ||
89 | + <!-- <view class="r_info"> | ||
90 | + <text>活动时间:{{item.time}}</text> | ||
91 | + <text>地区:{{item.province_name}}</text> | ||
92 | + </view> --> | ||
93 | + </view> | ||
94 | + <image src="/imgs/right.png" class="r_right" /> | ||
95 | + </navigator> | ||
96 | + </view> | ||
97 | + </view> | ||
81 | </view> | 98 | </view> |
1 | +page { | ||
2 | + background-color: rgb(240, 240, 240); | ||
3 | +} | ||
4 | + | ||
1 | .slide-image { | 5 | .slide-image { |
2 | height: 300rpx; | 6 | height: 300rpx; |
3 | width: 100%; | 7 | width: 100%; |
@@ -8,6 +12,33 @@ | @@ -8,6 +12,33 @@ | ||
8 | height: 100%; | 12 | height: 100%; |
9 | } | 13 | } |
10 | 14 | ||
15 | +/* 菜单 */ | ||
16 | +.home_menu { | ||
17 | + padding-left: 70rpx; | ||
18 | + margin-top: 40rpx; | ||
19 | + flex-wrap: wrap; | ||
20 | + max-width: 605rpx; | ||
21 | +} | ||
22 | + | ||
23 | +.home_time { | ||
24 | + width: 96rpx; | ||
25 | + font-size: 22rpx; | ||
26 | + text-align: center; | ||
27 | + margin-right: 30rpx; | ||
28 | + margin-bottom: 32rpx; | ||
29 | +} | ||
30 | + | ||
31 | +.home_time image { | ||
32 | + width: 96rpx; | ||
33 | + height: 96rpx; | ||
34 | +} | ||
35 | + | ||
36 | +.home_title { | ||
37 | + font-size: 24rpx; | ||
38 | + margin-top: 17rpx; | ||
39 | +} | ||
40 | + | ||
41 | + | ||
11 | .index_volunteertitle { | 42 | .index_volunteertitle { |
12 | color: #666; | 43 | color: #666; |
13 | font-size: 26rpx; | 44 | font-size: 26rpx; |
@@ -25,6 +56,16 @@ | @@ -25,6 +56,16 @@ | ||
25 | position: relative; | 56 | position: relative; |
26 | } | 57 | } |
27 | 58 | ||
59 | + | ||
60 | +.more { | ||
61 | + color: #009E5F; | ||
62 | +} | ||
63 | + | ||
64 | +.more image { | ||
65 | + width: 10rpx; | ||
66 | + height: 17rpx; | ||
67 | +} | ||
68 | + | ||
28 | .title::after { | 69 | .title::after { |
29 | position: absolute; | 70 | position: absolute; |
30 | content: ''; | 71 | content: ''; |
@@ -46,26 +87,34 @@ | @@ -46,26 +87,34 @@ | ||
46 | } | 87 | } |
47 | 88 | ||
48 | .volunteercell { | 89 | .volunteercell { |
49 | - width: 48%; | ||
50 | - padding: 56rpx 0; | 90 | + /* width: 48%; */ |
91 | + /* padding: 56rpx 0; */ | ||
92 | + padding: 24rpx 0; | ||
51 | box-sizing: border-box; | 93 | box-sizing: border-box; |
52 | } | 94 | } |
53 | 95 | ||
54 | .cell_top { | 96 | .cell_top { |
55 | - display: flex; | ||
56 | - align-items: center; | 97 | + width: 160rpx; |
98 | + height: 246rpx; | ||
99 | + text-align: center; | ||
100 | + padding-top: 24rpx; | ||
101 | + /* display: flex; | ||
102 | + align-items: center; */ | ||
57 | color: #333; | 103 | color: #333; |
104 | + border-radius: 7px; | ||
105 | + background-color: #ffffff; | ||
58 | } | 106 | } |
59 | 107 | ||
60 | .cellimg { | 108 | .cellimg { |
61 | - display: flex; | 109 | + /* display: flex; |
62 | align-items: cneter; | 110 | align-items: cneter; |
63 | - justify-content: center; | ||
64 | - margin-right: 19rpx; | 111 | + justify-content: center; */ |
112 | + /* margin-right: 19rpx; */ | ||
65 | width: 100rpx; | 113 | width: 100rpx; |
66 | height: 100rpx; | 114 | height: 100rpx; |
67 | border-radius: 50%; | 115 | border-radius: 50%; |
68 | overflow: hidden; | 116 | overflow: hidden; |
117 | + margin: 0 auto; | ||
69 | } | 118 | } |
70 | 119 | ||
71 | .cellimg image { | 120 | .cellimg image { |
@@ -75,10 +124,13 @@ | @@ -75,10 +124,13 @@ | ||
75 | } | 124 | } |
76 | 125 | ||
77 | .c_right { | 126 | .c_right { |
78 | - width: 210rpx; | 127 | + /* width: 210rpx; */ |
128 | + margin: 0 auto; | ||
129 | + | ||
79 | } | 130 | } |
80 | 131 | ||
81 | .c_right .name { | 132 | .c_right .name { |
133 | + padding-top: 8rpx; | ||
82 | font-size: 30rpx; | 134 | font-size: 30rpx; |
83 | font-family: PingFang SC; | 135 | font-family: PingFang SC; |
84 | font-weight: 500; | 136 | font-weight: 500; |
@@ -107,15 +159,22 @@ | @@ -107,15 +159,22 @@ | ||
107 | justify-content: space-between; | 159 | justify-content: space-between; |
108 | align-items: center; | 160 | align-items: center; |
109 | color: #999; | 161 | color: #999; |
162 | + margin-top: 24rpx; | ||
110 | padding: 0 32rpx; | 163 | padding: 0 32rpx; |
111 | font-size: 24rpx; | 164 | font-size: 24rpx; |
112 | flex-wrap: wrap; | 165 | flex-wrap: wrap; |
113 | - border-bottom: 2rpx solid #e6e6e6; | 166 | + /* border-bottom: 2rpx solid #e6e6e6; */ |
167 | + | ||
114 | } | 168 | } |
115 | 169 | ||
116 | .new_cell { | 170 | .new_cell { |
117 | width: 48%; | 171 | width: 48%; |
118 | - padding: 29rpx 0rpx; | 172 | + /* padding: 29rpx 0rpx; */ |
173 | + | ||
174 | + background-color: #ffffff; | ||
175 | + border-radius: 7px; | ||
176 | + overflow: hidden; | ||
177 | + | ||
119 | } | 178 | } |
120 | 179 | ||
121 | .new_cell:nth-child(2n) { | 180 | .new_cell:nth-child(2n) { |
@@ -142,6 +201,7 @@ | @@ -142,6 +201,7 @@ | ||
142 | } | 201 | } |
143 | 202 | ||
144 | .new_title { | 203 | .new_title { |
204 | + padding: 0 16rpx; | ||
145 | height: 76rpx; | 205 | height: 76rpx; |
146 | overflow: hidden; | 206 | overflow: hidden; |
147 | text-overflow: ellipsis; | 207 | text-overflow: ellipsis; |
@@ -162,6 +222,7 @@ | @@ -162,6 +222,7 @@ | ||
162 | } | 222 | } |
163 | 223 | ||
164 | .title_box { | 224 | .title_box { |
225 | + padding: 0 16rpx; | ||
165 | margin: 18rpx 0 13rpx 0; | 226 | margin: 18rpx 0 13rpx 0; |
166 | font-size: 24rpx; | 227 | font-size: 24rpx; |
167 | font-family: PingFang SC; | 228 | font-family: PingFang SC; |
@@ -180,7 +241,7 @@ | @@ -180,7 +241,7 @@ | ||
180 | 241 | ||
181 | .title_box .word { | 242 | .title_box .word { |
182 | max-width: 200rpx; | 243 | max-width: 200rpx; |
183 | - color: #666; | 244 | + color: #FF976A; |
184 | font-size: 24rpx; | 245 | font-size: 24rpx; |
185 | overflow: hidden; | 246 | overflow: hidden; |
186 | text-overflow: ellipsis; | 247 | text-overflow: ellipsis; |
@@ -207,8 +268,18 @@ | @@ -207,8 +268,18 @@ | ||
207 | margin-top: 23rpx; | 268 | margin-top: 23rpx; |
208 | padding: 0 32rpx; | 269 | padding: 0 32rpx; |
209 | box-sizing: border-box; | 270 | box-sizing: border-box; |
271 | + | ||
210 | } | 272 | } |
211 | 273 | ||
274 | +.review_wrap { | ||
275 | + background: #ffffff; | ||
276 | + border-radius: 5px; | ||
277 | + padding: 0 16rpx; | ||
278 | + margin-bottom: 24rpx; | ||
279 | +} | ||
280 | + | ||
281 | + | ||
282 | + | ||
212 | .r_item { | 283 | .r_item { |
213 | width: 100%; | 284 | width: 100%; |
214 | padding: 33rpx 0 27rpx; | 285 | padding: 33rpx 0 27rpx; |
@@ -216,11 +287,13 @@ | @@ -216,11 +287,13 @@ | ||
216 | display: flex; | 287 | display: flex; |
217 | justify-content: space-between; | 288 | justify-content: space-between; |
218 | align-items: center; | 289 | align-items: center; |
219 | - border-bottom: 2rpx solid #E6E6E6; | 290 | + /* border-bottom: 2rpx solid #E6E6E6; */ |
220 | } | 291 | } |
221 | -.r_item:last-child{ | 292 | + |
293 | +.r_item:last-child { | ||
222 | border-bottom: none; | 294 | border-bottom: none; |
223 | } | 295 | } |
296 | + | ||
224 | .r_item .r_left { | 297 | .r_item .r_left { |
225 | width: 637rpx; | 298 | width: 637rpx; |
226 | } | 299 | } |
@@ -247,4 +320,4 @@ | @@ -247,4 +320,4 @@ | ||
247 | .r_item .r_right { | 320 | .r_item .r_right { |
248 | width: 14rpx; | 321 | width: 14rpx; |
249 | height: 24rpx; | 322 | height: 24rpx; |
250 | -} | 323 | +} |
@@ -3,12 +3,12 @@ | @@ -3,12 +3,12 @@ | ||
3 | .volunteerbox { | 3 | .volunteerbox { |
4 | justify-content: space-between; | 4 | justify-content: space-between; |
5 | flex-wrap: wrap; | 5 | flex-wrap: wrap; |
6 | - margin: 0 50rpx; | 6 | + /* margin: 0 50rpx; */ |
7 | } | 7 | } |
8 | 8 | ||
9 | .volunteercell { | 9 | .volunteercell { |
10 | - width: 48%; | ||
11 | - padding: 48rpx 0 52rpx; | 10 | + /* width: 48%; */ |
11 | + /* padding: 48rpx 0 52rpx; */ | ||
12 | display: flex; | 12 | display: flex; |
13 | align-items: center; | 13 | align-items: center; |
14 | } | 14 | } |
1 | - | ||
2 | const app = getApp(); | 1 | const app = getApp(); |
3 | Page({ | 2 | Page({ |
4 | 3 | ||
@@ -16,6 +15,7 @@ Page({ | @@ -16,6 +15,7 @@ Page({ | ||
16 | 'XX-Token': wx.getStorageSync('token') | 15 | 'XX-Token': wx.getStorageSync('token') |
17 | } | 16 | } |
18 | app.post(url, {}, head).then((res) => { | 17 | app.post(url, {}, head).then((res) => { |
18 | + // console.log(res) | ||
19 | that.setData({ | 19 | that.setData({ |
20 | datalist: res | 20 | datalist: res |
21 | }) | 21 | }) |
@@ -30,24 +30,84 @@ Page({ | @@ -30,24 +30,84 @@ Page({ | ||
30 | }) | 30 | }) |
31 | 31 | ||
32 | }, | 32 | }, |
33 | + // 我的活动 | ||
34 | + getMyactive() { | ||
35 | + wx.navigateTo({ | ||
36 | + url: '/pages/myactivity/myactivity', | ||
37 | + }) | ||
38 | + | ||
39 | + }, | ||
40 | + //我的团队 | ||
41 | + getMyteam() { | ||
42 | + wx.navigateTo({ | ||
43 | + url: '/pages/myteam/myteam', | ||
44 | + }) | ||
45 | + | ||
46 | + }, | ||
47 | + // 我的培训 | ||
48 | + getMytrain() { | ||
49 | + wx.navigateTo({ | ||
50 | + url: '/pages/mytrain/mytrain', | ||
51 | + }) | ||
52 | + | ||
53 | + }, | ||
54 | + // 志愿回馈 | ||
55 | + getfeedback() { | ||
56 | + wx.navigateTo({ | ||
57 | + url: '/pages/myfeedback/myfeedback', | ||
58 | + }) | ||
59 | + }, | ||
60 | + | ||
61 | + // 成为志愿者 | ||
62 | + getVolunteer(e) { | ||
63 | + // console.log(e) | ||
64 | + wx.navigateTo({ | ||
65 | + url: '/pages/apply/apply?id=' + this.data.datalist.id + "&is_submit=" + this.data.datalist.is_submit, | ||
66 | + | ||
67 | + }) | ||
68 | + }, | ||
69 | +// 电子证件 | ||
70 | + getCertificate(){ | ||
71 | + wx.navigateTo({ | ||
72 | + url: '/pages/mycertificate/mycertificate', | ||
73 | + }) | ||
74 | + | ||
75 | + | ||
76 | + | ||
77 | + }, | ||
78 | + | ||
79 | + // 我的地址 | ||
80 | + getmyAdd() { | ||
81 | + wx.navigateTo({ | ||
82 | + url: '/pages/myaddress/myaddress', | ||
83 | + }) | ||
84 | + | ||
85 | + }, | ||
86 | + | ||
87 | + // 管理条例 | ||
88 | + getRule() { | ||
89 | + wx.navigateTo({ | ||
90 | + url: '/pages/guanlitiaoli/guanlitiaoli', | ||
91 | + }) | ||
92 | + }, | ||
33 | /** | 93 | /** |
34 | * 生命周期函数--监听页面加载 | 94 | * 生命周期函数--监听页面加载 |
35 | */ | 95 | */ |
36 | - onLoad: function(options) { | 96 | + onLoad: function (options) { |
37 | wx.hideShareMenu() | 97 | wx.hideShareMenu() |
38 | }, | 98 | }, |
39 | 99 | ||
40 | /** | 100 | /** |
41 | * 生命周期函数--监听页面初次渲染完成 | 101 | * 生命周期函数--监听页面初次渲染完成 |
42 | */ | 102 | */ |
43 | - onReady: function() { | 103 | + onReady: function () { |
44 | 104 | ||
45 | }, | 105 | }, |
46 | 106 | ||
47 | /** | 107 | /** |
48 | * 生命周期函数--监听页面显示 | 108 | * 生命周期函数--监听页面显示 |
49 | */ | 109 | */ |
50 | - onShow: function() { | 110 | + onShow: function () { |
51 | let that = this; | 111 | let that = this; |
52 | that.getdatalist(); | 112 | that.getdatalist(); |
53 | }, | 113 | }, |
@@ -55,35 +115,35 @@ Page({ | @@ -55,35 +115,35 @@ Page({ | ||
55 | /** | 115 | /** |
56 | * 生命周期函数--监听页面隐藏 | 116 | * 生命周期函数--监听页面隐藏 |
57 | */ | 117 | */ |
58 | - onHide: function() { | 118 | + onHide: function () { |
59 | 119 | ||
60 | }, | 120 | }, |
61 | 121 | ||
62 | /** | 122 | /** |
63 | * 生命周期函数--监听页面卸载 | 123 | * 生命周期函数--监听页面卸载 |
64 | */ | 124 | */ |
65 | - onUnload: function() { | 125 | + onUnload: function () { |
66 | 126 | ||
67 | }, | 127 | }, |
68 | 128 | ||
69 | /** | 129 | /** |
70 | * 页面相关事件处理函数--监听用户下拉动作 | 130 | * 页面相关事件处理函数--监听用户下拉动作 |
71 | */ | 131 | */ |
72 | - onPullDownRefresh: function() { | 132 | + onPullDownRefresh: function () { |
73 | 133 | ||
74 | }, | 134 | }, |
75 | 135 | ||
76 | /** | 136 | /** |
77 | * 页面上拉触底事件的处理函数 | 137 | * 页面上拉触底事件的处理函数 |
78 | */ | 138 | */ |
79 | - onReachBottom: function() { | 139 | + onReachBottom: function () { |
80 | 140 | ||
81 | }, | 141 | }, |
82 | 142 | ||
83 | /** | 143 | /** |
84 | * 用户点击右上角分享 | 144 | * 用户点击右上角分享 |
85 | */ | 145 | */ |
86 | - onShareAppMessage: function() { | 146 | + onShareAppMessage: function () { |
87 | 147 | ||
88 | } | 148 | } |
89 | }) | 149 | }) |
1 | <view class='my_head'> | 1 | <view class='my_head'> |
2 | - <image src='https://volunteer.cnpu.org/imgs/gerenzhongxin_bg@2x.png'></image> | ||
3 | - <view class='my_headitem'> | ||
4 | - <view class='my_headitemimg'> | ||
5 | - <image src="{{datalist.avatar?datalist.avatar:'/imgs/icon_59.png'}}"></image> | ||
6 | - </view> | ||
7 | - <view class='word'>{{datalist.user_nickname}}</view> | ||
8 | - <view class='word'>已完成的工时: {{datalist.work_time}}h</view> | ||
9 | - <view class='star_box'> | ||
10 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>0}}'></image> | ||
11 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>1}}'></image> | ||
12 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>2}}'></image> | ||
13 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>3}}'></image> | ||
14 | - <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>4}}'></image> | ||
15 | - </view> | ||
16 | - </view> | 2 | + <image class="my_headimg" src='/imgs/card.png'></image> |
3 | + <view class='my_headitem'> | ||
4 | + <view class="my_headitemtop"> | ||
5 | + <view class='my_headitemimg'> | ||
6 | + <image src="{{datalist.avatar?datalist.avatar:'/imgs/icon_59.png'}}"></image> | ||
7 | + </view> | ||
8 | + <view class="my_headitemname"> | ||
9 | + <view class='word'>{{datalist.user_nickname}}</view> | ||
10 | + <view class="word1">志愿者(待学习)<image src="/imgs/more_gray.png"></image> | ||
11 | + </view> | ||
12 | + <!-- <view class='word'>工时: {{datalist.work_time}}h</view> --> | ||
13 | + <view class='star_box'> | ||
14 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>0}}'> | ||
15 | + </image> | ||
16 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>1}}'> | ||
17 | + </image> | ||
18 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>2}}'> | ||
19 | + </image> | ||
20 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>3}}'> | ||
21 | + </image> | ||
22 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>4}}'> | ||
23 | + </image> | ||
24 | + </view> | ||
25 | + </view> | ||
26 | + </view> | ||
27 | + </view> | ||
28 | + <view class="my_activebox"> | ||
29 | + <view class="my_active"> | ||
30 | + <view>300</view> | ||
31 | + <view>活动</view> | ||
32 | + </view> | ||
33 | + <view class="my_active"> | ||
34 | + <view>120</view> | ||
35 | + <view>团队</view> | ||
36 | + </view> | ||
37 | + <view class="my_active"> | ||
38 | + <view>{{datalist.work_time}}</view> | ||
39 | + <view>工时</view> | ||
40 | + </view> | ||
41 | + | ||
42 | + </view> | ||
43 | + | ||
17 | </view> | 44 | </view> |
45 | + | ||
46 | +<!--我的活动 --> | ||
47 | +<view class="my_actives_box"> | ||
48 | + <view class="my_actives"> | ||
49 | + <view bindtap="getMyactive"> | ||
50 | + <image src="/imgs/ac1.png"></image> | ||
51 | + <view>我的活动</view> | ||
52 | + </view> | ||
53 | + <view bindtap="getMyteam"> | ||
54 | + <image src="/imgs/ac2.png"></image> | ||
55 | + <view>我的团队</view> | ||
56 | + </view> | ||
57 | + <view bindtap="getMytrain" > | ||
58 | + <image src="/imgs/ac3.png"></image> | ||
59 | + <view>我的培训</view> | ||
60 | + </view> | ||
61 | + <view bindtap="getfeedback"> | ||
62 | + <image src="/imgs/ac4.png"></image> | ||
63 | + <view>志愿回馈</view> | ||
64 | + </view> | ||
65 | + </view> | ||
66 | +</view> | ||
67 | + | ||
68 | +<!-- 成为志愿者 --> | ||
18 | <view class='my_itembox'> | 69 | <view class='my_itembox'> |
19 | - <navigator class='my_item' url='/pages/apply/apply?id={{datalist.id}}&is_submit={{datalist.is_submit}}' hover-class="none"> | ||
20 | - <view class='my_itemletf'> | ||
21 | - <view class='iconfont icon-aixin'></view>成为志愿者 | ||
22 | - </view> | ||
23 | - <view class='iconfont icon-xiangyou'></view> | ||
24 | - </navigator> | ||
25 | - <navigator class='my_item' url='/pages/result/result' hover-class="none"> | ||
26 | - <view class='my_itemletf'> | ||
27 | - <view class='iconfont icon-chakanshenqing'></view>查看审核状态 | ||
28 | - </view> | ||
29 | - <view class='iconfont icon-xiangyou'></view> | ||
30 | - </navigator> | ||
31 | - <navigator class='my_item' url='/pages/img_txt/img_txt' hover-class="none" url='/pages/img_txt/img_txt?status=3'> | ||
32 | - <view class='my_itemletf'> | ||
33 | - <view class='iconfont icon-lianximaijia'></view>联系我们 | ||
34 | - </view> | ||
35 | - <view class='iconfont icon-xiangyou'></view> | ||
36 | - </navigator> | ||
37 | - <navigator class='my_item' url='/pages/img_txt/img_txt' hover-class="none" url='/pages/img_txt/img_txt?status=2'> | ||
38 | - <view class='my_itemletf'> | ||
39 | - <view class='iconfont icon-renyuanxiaozu'></view>关于我们 | ||
40 | - </view> | ||
41 | - <view class='iconfont icon-xiangyou'></view> | ||
42 | - </navigator> | ||
43 | - <navigator class='my_item' url='/pages/my/my_active/my_active' hover-class="none"> | ||
44 | - <view class='my_itemletf'> | ||
45 | - <image src='/imgs/activity-close-open@2x.png' mode='widthFix'></image>参与过的活动 | ||
46 | - </view> | ||
47 | - <view class='iconfont icon-xiangyou'></view> | ||
48 | - </navigator> | ||
49 | - | ||
50 | - <view class='my_item' bindtap='goamdin' wx:if='{{datalist.type=="2"}}' data-type="1"> | ||
51 | - <view class='my_itemletf'> | ||
52 | - <view class='iconfont icon-gongzhang'></view>管理员审核 | ||
53 | - </view> | ||
54 | - <view class='iconfont icon-xiangyou'></view> | ||
55 | - </view> | ||
56 | - | ||
57 | - <view class='my_item' bindtap='goamdin' wx:if='{{datalist.type=="2"}}' data-type="2"> | ||
58 | - <view class='my_itemletf'> | ||
59 | - <image src="/imgs/time.png" class="time" />志愿者工时管理 | ||
60 | - </view> | ||
61 | - <view class='iconfont icon-xiangyou'></view> | ||
62 | - </view> | 70 | + <view class='my_item' bindtap="getVolunteer"> |
71 | + <view class='my_itemletf'> | ||
72 | + <view class='iconfont '> | ||
73 | + <image src="/imgs/ac5.png"></image> | ||
74 | + </view>成为志愿者 | ||
75 | + </view> | ||
76 | + <view class='iconfont icon-xiangyou'></view> | ||
77 | + | ||
78 | + </view> | ||
79 | + | ||
80 | + <view class='my_item' bindtap="getCertificate"> | ||
81 | + <view class='my_itemletf'> | ||
82 | + <view class='iconfont '> | ||
83 | + <image src="/imgs/ac6.png"></image> | ||
84 | + </view>电子证件 | ||
85 | + </view> | ||
86 | + <view class='iconfont icon-xiangyou'></view> | ||
87 | + | ||
88 | + </view> | ||
89 | + <view class='my_item' bindtap="getRule"> | ||
90 | + <view class='my_itemletf'> | ||
91 | + <view class='iconfont '> | ||
92 | + <image src="/imgs/ac7.png"></image> | ||
93 | + </view>管理条例 | ||
94 | + </view> | ||
95 | + <view class='iconfont icon-xiangyou'></view> | ||
96 | + </view> | ||
97 | + | ||
98 | + <navigator class='my_item' url='/pages/result/result' hover-class="none"> | ||
99 | + <view class='my_itemletf'> | ||
100 | + <view class='iconfont '> | ||
101 | + <image src="/imgs/ac8.png"></image> | ||
102 | + </view>查看审核状态 | ||
103 | + </view> | ||
104 | + <view class='iconfont icon-xiangyou'></view> | ||
105 | + </navigator> | ||
106 | + | ||
107 | + <navigator class='my_item' url='/pages/my/my_active/my_active' hover-class="none"> | ||
108 | + <view class='my_itemletf'> | ||
109 | + <image src='/imgs/ac9.png' mode='widthFix'></image>参与过的活动 | ||
110 | + </view> | ||
111 | + <view class='iconfont icon-xiangyou'></view> | ||
112 | + </navigator> | ||
113 | + | ||
114 | + <view class='my_item' bindtap="getmyAdd"> | ||
115 | + <view class='my_itemletf'> | ||
116 | + <view class='iconfont '> | ||
117 | + <image src="/imgs/ac10.png"></image> | ||
118 | + </view>我的收货地址 | ||
119 | + </view> | ||
120 | + <view class='iconfont icon-xiangyou'></view> | ||
121 | + | ||
122 | + </view> | ||
123 | + <view class='my_item' bindtap=""> | ||
124 | + <view class='my_itemletf'> | ||
125 | + <view class='iconfont '> | ||
126 | + <image src="/imgs/ac11.png"></image> | ||
127 | + </view>我的志愿回馈 | ||
128 | + </view> | ||
129 | + <view class='iconfont icon-xiangyou'></view> | ||
130 | + </view> | ||
131 | + <navigator class='my_item' url='/pages/img_txt/img_txt' hover-class="none" url='/pages/img_txt/img_txt?status=3'> | ||
132 | + <view class='my_itemletf'> | ||
133 | + <view class='iconfont'> | ||
134 | + <image src="/imgs/ac12.png"></image> | ||
135 | + </view>联系我们 | ||
136 | + </view> | ||
137 | + <view class='iconfont icon-xiangyou'></view> | ||
138 | + </navigator> | ||
139 | + | ||
140 | + <navigator class='my_item' url='/pages/img_txt/img_txt' hover-class="none" url='/pages/img_txt/img_txt?status=2'> | ||
141 | + <view class='my_itemletf'> | ||
142 | + <view class='iconfont '> | ||
143 | + <image src="/imgs/ac13.png"></image> | ||
144 | + </view>关于我们 | ||
145 | + </view> | ||
146 | + <view class='iconfont icon-xiangyou'></view> | ||
147 | + </navigator> | ||
148 | + | ||
149 | + | ||
150 | + | ||
151 | + | ||
152 | + <view class='my_item' bindtap='goamdin' wx:if='{{datalist.type=="2"}}' data-type="1"> | ||
153 | + <view class='my_itemletf'> | ||
154 | + <view class='iconfont icon-gongzhang'></view>管理员审核 | ||
155 | + </view> | ||
156 | + <view class='iconfont icon-xiangyou'></view> | ||
157 | + </view> | ||
158 | + | ||
159 | + <view class='my_item' bindtap='goamdin' wx:if='{{datalist.type=="2"}}' data-type="2"> | ||
160 | + <view class='my_itemletf'> | ||
161 | + <image src="/imgs/time.png" class="time" />志愿者工时管理 | ||
162 | + </view> | ||
163 | + <view class='iconfont icon-xiangyou'></view> | ||
164 | + </view> | ||
63 | </view> | 165 | </view> |
1 | -/* pages/my/my.wxss */ | 1 | +page { |
2 | + | ||
3 | + background-color: #F2F3F5; | ||
4 | +} | ||
2 | 5 | ||
3 | .my_head { | 6 | .my_head { |
4 | position: relative; | 7 | position: relative; |
5 | height: 268rpx; | 8 | height: 268rpx; |
6 | - width: 750rpx; | 9 | + /* width: 750rpx; */ |
10 | + padding: 32rpx; | ||
7 | } | 11 | } |
8 | 12 | ||
9 | .my_head image { | 13 | .my_head image { |
10 | width: 100%; | 14 | width: 100%; |
11 | - height: 100%; | ||
12 | - display: block; | 15 | + height: 365rpx; |
16 | + /* display: block; */ | ||
13 | } | 17 | } |
14 | 18 | ||
15 | .my_headitem { | 19 | .my_headitem { |
16 | position: absolute; | 20 | position: absolute; |
17 | - left: 50%; | ||
18 | - bottom: -93rpx; | 21 | + left: 36%; |
22 | + bottom: 137rpx; | ||
19 | transform: translateX(-50%); | 23 | transform: translateX(-50%); |
20 | - color: #5e6661; | ||
21 | - font-weight: bold; | 24 | + color: #ffffff; |
22 | font-size: 32rpx; | 25 | font-size: 32rpx; |
26 | + /* display: flex; */ | ||
27 | + /* flex-wrap: wrap; */ | ||
28 | + /* justify-content: center; */ | ||
29 | + /* align-items: center; */ | ||
30 | +} | ||
31 | + | ||
32 | +.my_headitemtop { | ||
23 | display: flex; | 33 | display: flex; |
24 | - flex-wrap: wrap; | ||
25 | - justify-content: center; | ||
26 | - align-items: center; | 34 | + |
27 | } | 35 | } |
28 | 36 | ||
29 | .my_headitemimg { | 37 | .my_headitemimg { |
30 | - width: 100%; | 38 | + /* width: 100%; */ |
31 | display: flex; | 39 | display: flex; |
32 | justify-content: center; | 40 | justify-content: center; |
33 | align-items: center; | 41 | align-items: center; |
42 | + margin-right: 16rpx; | ||
34 | } | 43 | } |
35 | 44 | ||
36 | -.my_headitemimg image ,.my_headitemimg .avator { | 45 | +.my_headitemname { |
46 | + width: 260rpx; | ||
47 | + | ||
48 | +} | ||
49 | + | ||
50 | +.my_headitemimg image, | ||
51 | +.my_headitemimg .avator { | ||
37 | width: 132rpx; | 52 | width: 132rpx; |
38 | height: 132rpx; | 53 | height: 132rpx; |
39 | border-radius: 50%; | 54 | border-radius: 50%; |
@@ -44,12 +59,87 @@ | @@ -44,12 +59,87 @@ | ||
44 | 59 | ||
45 | .my_headitem .word { | 60 | .my_headitem .word { |
46 | width: 100%; | 61 | width: 100%; |
47 | - text-align: center; | 62 | + /* text-align: center; */ |
48 | margin-top: 10rpx; | 63 | margin-top: 10rpx; |
64 | + font-size: 32rpx; | ||
65 | + font-weight: bold; | ||
66 | + | ||
67 | +} | ||
68 | + | ||
69 | +.word1 { | ||
70 | + font-size: 28rpx; | ||
49 | } | 71 | } |
50 | 72 | ||
73 | +.word1 image { | ||
74 | + width: 12rpx; | ||
75 | + height: 20rpx; | ||
76 | +} | ||
77 | + | ||
78 | +.my_activebox { | ||
79 | + padding: 0 80rpx; | ||
80 | + display: flex; | ||
81 | + justify-content: space-between; | ||
82 | + font-size: 36rpx; | ||
83 | + color: #ffffff; | ||
84 | + text-align: center; | ||
85 | + position: absolute; | ||
86 | + left: 32rpx; | ||
87 | + right: 32rpx; | ||
88 | + bottom: 0; | ||
89 | +} | ||
90 | + | ||
91 | +.my_active :nth-child(2) { | ||
92 | + | ||
93 | + font-size: 24rpx; | ||
94 | + margin-top: 8rpx; | ||
95 | +} | ||
96 | +.star_box { | ||
97 | + width: auto; | ||
98 | + height: auto; | ||
99 | + margin-top: 16rpx; | ||
100 | + display: flex; | ||
101 | + /* justify-content: space-between; */ | ||
102 | +} | ||
103 | + | ||
104 | +.star_box image { | ||
105 | + width: 20rpx; | ||
106 | + height: 20rpx; | ||
107 | + padding-left: 10rpx; | ||
108 | + padding-right: 10rpx; | ||
109 | +} | ||
110 | + | ||
111 | +/* 我的活动 */ | ||
112 | +.my_actives_box { | ||
113 | + | ||
114 | + padding: 0 32rpx; | ||
115 | + | ||
116 | +} | ||
117 | + | ||
118 | +.my_actives { | ||
119 | + padding: 0 26rpx; | ||
120 | + height: 206rpx; | ||
121 | + font-size: 28rpx; | ||
122 | + color: #66696e; | ||
123 | + display: flex; | ||
124 | + justify-content: space-between; | ||
125 | + align-items: center; | ||
126 | + margin-top: 95rpx; | ||
127 | + text-align: center; | ||
128 | + background-color: #ffffff; | ||
129 | + border-radius: 7px; | ||
130 | + | ||
131 | +} | ||
132 | + | ||
133 | +.my_actives image { | ||
134 | + width: 80rpx; | ||
135 | + height: 80rpx; | ||
136 | +} | ||
137 | + | ||
138 | +/* */ | ||
51 | .my_itembox { | 139 | .my_itembox { |
52 | - margin: 210rpx 0 0 0; | 140 | + margin: 32rpx 32rpx; |
141 | + border-radius: 7px; | ||
142 | + background-color: #ffffff; | ||
53 | } | 143 | } |
54 | 144 | ||
55 | .my_item { | 145 | .my_item { |
@@ -59,40 +149,45 @@ | @@ -59,40 +149,45 @@ | ||
59 | color: #333; | 149 | color: #333; |
60 | font-size: 32rpx; | 150 | font-size: 32rpx; |
61 | padding: 30rpx 32rpx; | 151 | padding: 30rpx 32rpx; |
62 | - border-bottom: 1px solid #e6e6e6; | 152 | + /* border-bottom: 1px solid #e6e6e6; */ |
63 | } | 153 | } |
64 | 154 | ||
65 | -.my_item .iconfont { | ||
66 | - color: #ccc; | ||
67 | - font-size: 32rpx; | ||
68 | -} | 155 | +/* .my_item .iconfont { */ |
156 | + /* color: #ccc; | ||
157 | + font-size: 32rpx; */ | ||
158 | +/* } */ | ||
69 | 159 | ||
70 | .my_itemletf { | 160 | .my_itemletf { |
71 | display: flex; | 161 | display: flex; |
72 | align-items: center; | 162 | align-items: center; |
73 | justify-content: center; | 163 | justify-content: center; |
74 | - color: #333; | ||
75 | - font-size: 32rpx; | 164 | + /* color: #333; |
165 | + font-size: 32rpx; */ | ||
166 | + color: #323233; | ||
167 | + font-size: 28rpx; | ||
76 | } | 168 | } |
77 | -.my_itemletf image{ | ||
78 | - width: 64rpx; | ||
79 | - height: 64rpx; | ||
80 | - margin-right: 5rpx; | 169 | + |
170 | +.my_itemletf image { | ||
171 | + width: 40rpx; | ||
172 | + height: 40rpx; | ||
173 | + margin-right: 10rpx; | ||
81 | position: relative; | 174 | position: relative; |
82 | - left: -10rpx; | ||
83 | - top: 0; | 175 | + /* left: -10rpx; |
176 | + top: 0; */ | ||
84 | } | 177 | } |
85 | -.my_itemletf .time{ | 178 | + |
179 | +.my_itemletf .time { | ||
86 | width: 34rpx; | 180 | width: 34rpx; |
87 | height: 32rpx; | 181 | height: 32rpx; |
88 | margin-right: 30rpx; | 182 | margin-right: 30rpx; |
89 | left: 0; | 183 | left: 0; |
90 | } | 184 | } |
91 | -.my_itemletf .iconfont { | ||
92 | - font-size: 40rpx; | ||
93 | - color: #fa8286; | ||
94 | - margin: 0 32rpx 0 0; | ||
95 | -} | 185 | + |
186 | +/* .my_itemletf .iconfont { */ | ||
187 | + /* font-size: 40rpx; | ||
188 | + color: #fa8286; */ | ||
189 | + /* margin: 0 32rpx 0 0; */ | ||
190 | +/* } */ | ||
96 | 191 | ||
97 | .my_itemletf .icon-chakanshenqing { | 192 | .my_itemletf .icon-chakanshenqing { |
98 | color: #68a6ff; | 193 | color: #68a6ff; |
@@ -105,16 +200,4 @@ | @@ -105,16 +200,4 @@ | ||
105 | .my_itemletf .icon-gongzhang { | 200 | .my_itemletf .icon-gongzhang { |
106 | color: #44cbee; | 201 | color: #44cbee; |
107 | } | 202 | } |
108 | -.star_box { | ||
109 | - width: auto; | ||
110 | - height: auto; | ||
111 | - margin-top: 16rpx; | ||
112 | - display: flex; | ||
113 | - justify-content: space-between; | ||
114 | -} | ||
115 | -.star_box image { | ||
116 | - width: 28rpx; | ||
117 | - height: 26rpx; | ||
118 | - padding-left: 10rpx; | ||
119 | - padding-right: 10rpx; | ||
120 | -} | ||
203 | + |
zhiyuanzhe/pages/myactivity/myactivity.js
0 → 100644
1 | +// pages/myactivity/myactivity.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + | ||
11 | + /** | ||
12 | + * 生命周期函数--监听页面加载 | ||
13 | + */ | ||
14 | + onLoad: function (options) { | ||
15 | + | ||
16 | + }, | ||
17 | + | ||
18 | + /** | ||
19 | + * 生命周期函数--监听页面初次渲染完成 | ||
20 | + */ | ||
21 | + onReady: function () { | ||
22 | + | ||
23 | + }, | ||
24 | + | ||
25 | + /** | ||
26 | + * 生命周期函数--监听页面显示 | ||
27 | + */ | ||
28 | + onShow: function () { | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + /** | ||
33 | + * 生命周期函数--监听页面隐藏 | ||
34 | + */ | ||
35 | + onHide: function () { | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面卸载 | ||
41 | + */ | ||
42 | + onUnload: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | + */ | ||
49 | + onPullDownRefresh: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 页面上拉触底事件的处理函数 | ||
55 | + */ | ||
56 | + onReachBottom: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 用户点击右上角分享 | ||
62 | + */ | ||
63 | + onShareAppMessage: function () { | ||
64 | + | ||
65 | + } | ||
66 | +}) |
zhiyuanzhe/pages/myactivity/myactivity.json
0 → 100644
zhiyuanzhe/pages/myactivity/myactivity.wxss
0 → 100644
1 | +/* pages/myactivity/myactivity.wxss */ |
1 | +// pages/myaddcompile/myaddcompile.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + /** | ||
11 | + * 生命周期函数--监听页面加载 | ||
12 | + */ | ||
13 | + onLoad: function (options) { | ||
14 | + | ||
15 | + | ||
16 | + }, | ||
17 | + | ||
18 | + /** | ||
19 | + * 生命周期函数--监听页面初次渲染完成 | ||
20 | + */ | ||
21 | + onReady: function () { | ||
22 | + | ||
23 | + }, | ||
24 | + | ||
25 | + /** | ||
26 | + * 生命周期函数--监听页面显示 | ||
27 | + */ | ||
28 | + onShow: function () { | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + /** | ||
33 | + * 生命周期函数--监听页面隐藏 | ||
34 | + */ | ||
35 | + onHide: function () { | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面卸载 | ||
41 | + */ | ||
42 | + onUnload: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | + */ | ||
49 | + onPullDownRefresh: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 页面上拉触底事件的处理函数 | ||
55 | + */ | ||
56 | + onReachBottom: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 用户点击右上角分享 | ||
62 | + */ | ||
63 | + onShareAppMessage: function () { | ||
64 | + | ||
65 | + } | ||
66 | +}) |
1 | +<!-- 修改收货地址 --> | ||
2 | +<view class="itemInput display"> | ||
3 | + <view class="itemName" > 姓名</view> | ||
4 | + <input placeholder="请输入姓名" value="{{name}}" bindinput="bindName" placeholder-class="plaSty"></input> | ||
5 | +</view> | ||
6 | +<view class="itemInput display"> | ||
7 | + <view class="itemName">联系方式</view> | ||
8 | + <input placeholder="请输入联系方式" value="{{phone}}" bindinput="bindPhone" maxlength="11" placeholder-class="plaSty"></input> | ||
9 | +</view> | ||
10 | +<view class="itemInput display"> | ||
11 | + <view class="itemName">详细地址</view> | ||
12 | + <input placeholder="请输入详细地址" value="{{address}}" bindinput="bindAddress" placeholder-class="plaSty"></input> | ||
13 | +</view> | ||
14 | + | ||
15 | + | ||
16 | +<view class="itemInput center display"> | ||
17 | + <view class="itemName">设为默认</view> | ||
18 | + <switch checked="{{addressDetail.delFlag==0?false:true}}" bindchange="switchChange" color="#21AE59"/> | ||
19 | +</view> | ||
20 | +<!-- 编辑结束 --> | ||
21 | +<view class="newaddress"> | ||
22 | + <view class="newaddress_left" bindtap="bindDelete" wx:if="{{type=='change'}}">删除</view> | ||
23 | + <view class="newaddress_right" bindtap="save">保存</view> | ||
24 | +</view> |
1 | +/* pages/compile/index.wxss */ | ||
2 | +page { | ||
3 | + background-color: #f8f8f8; | ||
4 | +} | ||
5 | + | ||
6 | +.itemInput { | ||
7 | + margin: 28rpx 36rpx; | ||
8 | + padding-bottom: 28rpx; | ||
9 | + border-bottom: 2rpx solid #eeeeee; | ||
10 | + align-items: center; | ||
11 | +} | ||
12 | + | ||
13 | +.itemName { | ||
14 | + font-size: 32rpx; | ||
15 | + color: #727273; | ||
16 | + margin-right: 32rpx; | ||
17 | + min-width: 128rpx; | ||
18 | +} | ||
19 | + | ||
20 | +.plaSty { | ||
21 | + font-size: 28rpx | ||
22 | +} | ||
23 | + | ||
24 | +.itemInput input { | ||
25 | + font-size: 32rpx; | ||
26 | + color: #333333; | ||
27 | + flex: 1; | ||
28 | +} | ||
29 | + | ||
30 | +.center { | ||
31 | + align-items: center !important; | ||
32 | + justify-content: space-between; | ||
33 | +} | ||
34 | + | ||
35 | +.newaddress { | ||
36 | + height: 50px; | ||
37 | + line-height: 50px; | ||
38 | + text-align: center; | ||
39 | + color: #ffffff; | ||
40 | + font-size: 16px; | ||
41 | + font-weight: 600; | ||
42 | + position: fixed; | ||
43 | + left: 0; | ||
44 | + right: 0; | ||
45 | + bottom: 0; | ||
46 | + display: flex; | ||
47 | +} | ||
48 | + | ||
49 | +.newaddress_left { | ||
50 | + flex: 1; | ||
51 | + background: #d0d0d0; | ||
52 | +} | ||
53 | + | ||
54 | +.newaddress_right { | ||
55 | + flex: 1; | ||
56 | + background: linear-gradient(130deg, #2ed26e 13%, #05983e 98%); | ||
57 | +} |
zhiyuanzhe/pages/myaddress/myaddress.js
0 → 100644
1 | +const app = getApp(); | ||
2 | + | ||
3 | +Page({ | ||
4 | + | ||
5 | + /** | ||
6 | + * 页面的初始数据 | ||
7 | + */ | ||
8 | + data: { | ||
9 | + | ||
10 | + | ||
11 | + | ||
12 | + }, | ||
13 | + | ||
14 | + //新增地址 | ||
15 | + getAddress() { | ||
16 | + wx.navigateTo({ | ||
17 | + url: '/pages/myaddcompile/myaddcompile', | ||
18 | + }) | ||
19 | + | ||
20 | + }, | ||
21 | + | ||
22 | + /** | ||
23 | + * 生命周期函数--监听页面加载 | ||
24 | + */ | ||
25 | + onLoad: function (options) { | ||
26 | + | ||
27 | + }, | ||
28 | + | ||
29 | + /** | ||
30 | + * 生命周期函数--监听页面初次渲染完成 | ||
31 | + */ | ||
32 | + onReady: function () { | ||
33 | + | ||
34 | + }, | ||
35 | + | ||
36 | + /** | ||
37 | + * 生命周期函数--监听页面显示 | ||
38 | + */ | ||
39 | + onShow: function () { | ||
40 | + | ||
41 | + | ||
42 | + }, | ||
43 | + | ||
44 | + /** | ||
45 | + * 生命周期函数--监听页面隐藏 | ||
46 | + */ | ||
47 | + onHide: function () { | ||
48 | + | ||
49 | + }, | ||
50 | + | ||
51 | + /** | ||
52 | + * 生命周期函数--监听页面卸载 | ||
53 | + */ | ||
54 | + onUnload: function () { | ||
55 | + | ||
56 | + }, | ||
57 | + | ||
58 | + /** | ||
59 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
60 | + */ | ||
61 | + onPullDownRefresh: function () { | ||
62 | + | ||
63 | + }, | ||
64 | + | ||
65 | + /** | ||
66 | + * 页面上拉触底事件的处理函数 | ||
67 | + */ | ||
68 | + onReachBottom: function () { | ||
69 | + | ||
70 | + }, | ||
71 | + | ||
72 | + /** | ||
73 | + * 用户点击右上角分享 | ||
74 | + */ | ||
75 | + onShareAppMessage: function () { | ||
76 | + | ||
77 | + } | ||
78 | +}) |
zhiyuanzhe/pages/myaddress/myaddress.json
0 → 100644
zhiyuanzhe/pages/myaddress/myaddress.wxml
0 → 100644
1 | +<view class="itemAddress displayB" > | ||
2 | + <view class="add_left" > | ||
3 | + <view class="add_user display"> | ||
4 | + <!-- <view class="user_name">{{item.name}}</view> | ||
5 | + <view class="user_phone">{{item.phone}}</view> | ||
6 | + <view class="is_default" wx:if="{{item.delFlag==1}}">默认</view> --> | ||
7 | + <view class="user_name">王先生</view> | ||
8 | + <view class="user_phone">19609549855</view> | ||
9 | + <view class="is_default" >默认</view> | ||
10 | + </view> | ||
11 | + <view class="add_msg">天津市</view> | ||
12 | + </view> | ||
13 | + <view class="add_right"> | ||
14 | + <view class="item_choose display2" bindtap="bindCompile" data-id="{{item.id}}"> | ||
15 | + <image src="/imgs/compile.png"></image> | ||
16 | + <view>编辑</view> | ||
17 | + </view> | ||
18 | + <view class="item_choose display2" style="margin-top:48rpx" bindtap="bindDelete" data-id="{{item.id}}"> | ||
19 | + <image src="/imgs/delete.png"></image> | ||
20 | + <view>删除</view> | ||
21 | + </view> | ||
22 | + </view> | ||
23 | +</view> | ||
24 | + | ||
25 | + | ||
26 | +<view class="addAddress" bindtap="getAddress"> | ||
27 | + 新增收货地址 | ||
28 | +</view> |
zhiyuanzhe/pages/myaddress/myaddress.wxss
0 → 100644
1 | +/* pages/myaddress/myaddress.wxss */ | ||
2 | +page { | ||
3 | + background-color: #f8f8f8; | ||
4 | + padding-bottom: 120rpx; | ||
5 | +} | ||
6 | + | ||
7 | +.itemAddress { | ||
8 | + padding: 32rpx 26rpx 32rpx 36rpx; | ||
9 | + background-color: #fff; | ||
10 | + margin-bottom: 20rpx; | ||
11 | +} | ||
12 | + | ||
13 | +.add_user { | ||
14 | + align-items: flex-end; | ||
15 | +} | ||
16 | + | ||
17 | +.user_name { | ||
18 | + font-size: 28rpx; | ||
19 | + font-weight: 600; | ||
20 | + color: #333333; | ||
21 | + margin-right: 10rpx; | ||
22 | +} | ||
23 | + | ||
24 | +.user_phone { | ||
25 | + font-size: 24rpx; | ||
26 | + font-weight: 600; | ||
27 | + color: #bdc4ce; | ||
28 | + margin-right: 16rpx; | ||
29 | +} | ||
30 | + | ||
31 | +.is_default { | ||
32 | + width: 88rpx; | ||
33 | + height: 30rpx; | ||
34 | + line-height: 30rpx; | ||
35 | + opacity: 0.74; | ||
36 | + background: #e2f6ff; | ||
37 | + border-radius: 2rpx; | ||
38 | + font-size: 24rpx; | ||
39 | + text-align: center; | ||
40 | + color: #2d91cc; | ||
41 | +} | ||
42 | + | ||
43 | +.add_msg { | ||
44 | + font-size: 24rpx; | ||
45 | + color: #6f6f6f; | ||
46 | + margin-top: 16rpx; | ||
47 | + max-width: 535rpx; | ||
48 | +} | ||
49 | + | ||
50 | + | ||
51 | +.add_right { | ||
52 | + padding: 2rpx 0 2rpx 33rpx; | ||
53 | + border-left: 2rpx solid #eeeeee; | ||
54 | +} | ||
55 | + | ||
56 | +.item_choose view { | ||
57 | + font-size: 24rpx; | ||
58 | + color: #6f6f6f; | ||
59 | +} | ||
60 | + | ||
61 | +.item_choose image { | ||
62 | + width: 24rpx; | ||
63 | + height: 24rpx; | ||
64 | + margin-right: 8rpx; | ||
65 | +} | ||
66 | + | ||
67 | +.newAddress { | ||
68 | + width: 100%; | ||
69 | + height: 100rpx; | ||
70 | + line-height: 100rpx; | ||
71 | + text-align: center; | ||
72 | + background: linear-gradient(132deg, #1dcaf7 4%, #2e8fcb 98%); | ||
73 | + box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.5); | ||
74 | + position: fixed; | ||
75 | + bottom: 0; | ||
76 | + left: 0; | ||
77 | + opacity: 0.85; | ||
78 | + font-size: 32rpx; | ||
79 | + font-weight: 600; | ||
80 | + color: #ffffff; | ||
81 | + z-index: 111; | ||
82 | +} | ||
83 | + | ||
84 | + | ||
85 | + | ||
86 | +.addAddress { | ||
87 | + height: 88rpx; | ||
88 | + line-height: 88rpx; | ||
89 | + font-size: 28rpx; | ||
90 | + color: #ffffff; | ||
91 | + text-align: center; | ||
92 | + background-color: #21AE59; | ||
93 | + position: absolute; | ||
94 | + left: 0; | ||
95 | + right: 0; | ||
96 | + bottom: 0; | ||
97 | +} |
1 | +// pages/mycertificate/mycertificate.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + | ||
11 | + /** | ||
12 | + * 生命周期函数--监听页面加载 | ||
13 | + */ | ||
14 | + onLoad: function (options) { | ||
15 | + | ||
16 | + }, | ||
17 | + | ||
18 | + /** | ||
19 | + * 生命周期函数--监听页面初次渲染完成 | ||
20 | + */ | ||
21 | + onReady: function () { | ||
22 | + | ||
23 | + }, | ||
24 | + | ||
25 | + /** | ||
26 | + * 生命周期函数--监听页面显示 | ||
27 | + */ | ||
28 | + onShow: function () { | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + /** | ||
33 | + * 生命周期函数--监听页面隐藏 | ||
34 | + */ | ||
35 | + onHide: function () { | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面卸载 | ||
41 | + */ | ||
42 | + onUnload: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | + */ | ||
49 | + onPullDownRefresh: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 页面上拉触底事件的处理函数 | ||
55 | + */ | ||
56 | + onReachBottom: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 用户点击右上角分享 | ||
62 | + */ | ||
63 | + onShareAppMessage: function () { | ||
64 | + | ||
65 | + } | ||
66 | +}) |
1 | +<!-- 电子证件 --> | ||
2 | +<view class="mycertificate"> | ||
3 | + <image src="/imgs/dianzizhengjian1.png"></image> | ||
4 | + <view class="mycertificate_text"> | ||
5 | + <view class="goods_left"> | ||
6 | + <view>姓名:张三</view> | ||
7 | + <view>身份:医生</view> | ||
8 | + <view>编号:007556562</view> | ||
9 | + <view>学时:100</view> | ||
10 | + </view> | ||
11 | + <image class="One_inch_photos" src="/imgs/u=2815405920,207947254&fm=26&gp=0.png"></image> | ||
12 | + </view> | ||
13 | + | ||
14 | +</view> | ||
15 | +<view class="mycertificate"> | ||
16 | + <image src="/imgs/dianzizhengjian.png"></image> | ||
17 | + <view class="mycertificate_text"> | ||
18 | + <view class="goods_lefts"> | ||
19 | + <image class="logo" src="/imgs/dianzizhengjian2.png"></image> | ||
20 | + <view>白求恩志愿者</view> | ||
21 | + </view> | ||
22 | + <image class="erweima" src="/imgs/dianzizhengjian3.png"></image> | ||
23 | + </view> | ||
24 | + | ||
25 | + | ||
26 | + <!-- 注意事项 --> | ||
27 | + <view class="good_line"> | ||
28 | + <view></view> | ||
29 | + 注意事项 | ||
30 | + </view> | ||
31 | + <view class="good_typeface">1. 本证件限个人使用,不得转借他人</view> | ||
32 | + <view class="good_typeface">2. 电子证件不等效于实体证件,公益活动上岗时请佩戴您的实体证件 </view> | ||
33 | + <view class="good_typeface">3. 特别情况未携带实体证件,需证明身份可出示此电子证件 </view> | ||
34 | + <view class="good_typeface">4. 如实体证件丢失请及时联系白求恩志愿者中心补办</view> | ||
35 | +</view> | ||
36 | + | ||
37 | +<view class="btn"> | ||
38 | + <button hover-class="none" > 将电子证件生成图片</button> | ||
39 | +</view> |
1 | +page { | ||
2 | + | ||
3 | + background-color: rgb(240, 240, 240); | ||
4 | +} | ||
5 | + | ||
6 | +.mycertificate { | ||
7 | + padding: 0 32rpx; | ||
8 | + padding-top: 32rpx; | ||
9 | + position: relative; | ||
10 | +} | ||
11 | + | ||
12 | +image { | ||
13 | + width: 688rpx; | ||
14 | + height: 428rpx; | ||
15 | +} | ||
16 | + | ||
17 | +.mycertificate_text { | ||
18 | + margin: 32rpx 32rpx; | ||
19 | + padding: 0 32rpx; | ||
20 | + padding-top: 62rpx; | ||
21 | + width: 621rpx; | ||
22 | + /* height: 377rpx; */ | ||
23 | + /* border: 1px solid red; */ | ||
24 | + position: absolute; | ||
25 | + left: 0; | ||
26 | + top: 0; | ||
27 | + display: flex; | ||
28 | + | ||
29 | + justify-content: space-between; | ||
30 | + | ||
31 | + | ||
32 | +} | ||
33 | + | ||
34 | +.goods_left { | ||
35 | + color: #ffffff; | ||
36 | +} | ||
37 | + | ||
38 | +.goods_left view { | ||
39 | + margin-top: 25rpx; | ||
40 | +} | ||
41 | + | ||
42 | +.One_inch_photos { | ||
43 | + /* width: 226rpx; | ||
44 | + height: 300rpx; */ | ||
45 | + width: 220rpx; | ||
46 | + height: 308rpx; | ||
47 | + | ||
48 | +} | ||
49 | + | ||
50 | +.goods_lefts { | ||
51 | + text-align: center; | ||
52 | + color: #ffffff; | ||
53 | + font-size: 40rpx; | ||
54 | + padding-top: 42rpx; | ||
55 | + padding-left: 10rpx; | ||
56 | +} | ||
57 | + | ||
58 | +.logo { | ||
59 | + | ||
60 | + width: 160rpx; | ||
61 | + height: 160rpx; | ||
62 | +} | ||
63 | + | ||
64 | +.erweima { | ||
65 | + width: 220rpx; | ||
66 | + height: 220rpx; | ||
67 | + padding-top: 42rpx; | ||
68 | + padding-right: 10rpx; | ||
69 | +} | ||
70 | + | ||
71 | +.good_line { | ||
72 | + display: flex; | ||
73 | + align-items: center; | ||
74 | + margin-top: 24rpx; | ||
75 | + margin-bottom: 16rpx; | ||
76 | + | ||
77 | +} | ||
78 | + | ||
79 | +.good_line view { | ||
80 | + width: 6rpx; | ||
81 | + height: 28rpx; | ||
82 | + background: linear-gradient(180deg, #00cd98, #009e5f); | ||
83 | + border-radius: 4px; | ||
84 | + margin-right: 18rpx; | ||
85 | + | ||
86 | +} | ||
87 | + | ||
88 | +.good_typeface { | ||
89 | + font-size: 28rpx; | ||
90 | + color: #323232; | ||
91 | +} | ||
92 | + | ||
93 | +.btn { | ||
94 | + margin-top: 80rpx; | ||
95 | + height: 122rpx; | ||
96 | + background-color: #ffffff; | ||
97 | + display: flex; | ||
98 | + align-items: center; | ||
99 | +} | ||
100 | + | ||
101 | +button { | ||
102 | + width: 622rpx; | ||
103 | + height: 88rpx; | ||
104 | + background: linear-gradient(130deg, #2ed26e 13%, #05983e 98%); | ||
105 | + border-radius: 44px; | ||
106 | + color: #ffffff; | ||
107 | + box-shadow: 0px 18px 38px 0px rgba(0, 116, 45, 0.42); | ||
108 | +} |
zhiyuanzhe/pages/myfeedback/myfeedback.js
0 → 100644
1 | + | ||
2 | +const app = getApp(); | ||
3 | + | ||
4 | +Page({ | ||
5 | + | ||
6 | + /** | ||
7 | + * 页面的初始数据 | ||
8 | + */ | ||
9 | + data: { | ||
10 | + datalist: '' | ||
11 | + | ||
12 | + }, | ||
13 | + | ||
14 | + getdatalist() { | ||
15 | + let that = this; | ||
16 | + let url = 'index/member_center/index'; | ||
17 | + let head = { | ||
18 | + 'XX-Token': wx.getStorageSync('token') | ||
19 | + } | ||
20 | + app.post(url, {}, head).then((res) => { | ||
21 | + console.log(res) | ||
22 | + that.setData({ | ||
23 | + datalist: res | ||
24 | + }) | ||
25 | + }).catch((err) => { | ||
26 | + | ||
27 | + }) | ||
28 | + }, | ||
29 | + | ||
30 | + /** | ||
31 | + * 生命周期函数--监听页面加载 | ||
32 | + */ | ||
33 | + onLoad: function (options) { | ||
34 | + | ||
35 | + }, | ||
36 | + | ||
37 | + /** | ||
38 | + * 生命周期函数--监听页面初次渲染完成 | ||
39 | + */ | ||
40 | + onReady: function () { | ||
41 | + | ||
42 | + }, | ||
43 | + | ||
44 | + /** | ||
45 | + * 生命周期函数--监听页面显示 | ||
46 | + */ | ||
47 | + onShow: function () { | ||
48 | + | ||
49 | + let that = this; | ||
50 | + that.getdatalist(); | ||
51 | + | ||
52 | + }, | ||
53 | + | ||
54 | + /** | ||
55 | + * 生命周期函数--监听页面隐藏 | ||
56 | + */ | ||
57 | + onHide: function () { | ||
58 | + | ||
59 | + }, | ||
60 | + | ||
61 | + /** | ||
62 | + * 生命周期函数--监听页面卸载 | ||
63 | + */ | ||
64 | + onUnload: function () { | ||
65 | + | ||
66 | + }, | ||
67 | + | ||
68 | + /** | ||
69 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
70 | + */ | ||
71 | + onPullDownRefresh: function () { | ||
72 | + | ||
73 | + }, | ||
74 | + | ||
75 | + /** | ||
76 | + * 页面上拉触底事件的处理函数 | ||
77 | + */ | ||
78 | + onReachBottom: function () { | ||
79 | + | ||
80 | + }, | ||
81 | + | ||
82 | + /** | ||
83 | + * 用户点击右上角分享 | ||
84 | + */ | ||
85 | + onShareAppMessage: function () { | ||
86 | + | ||
87 | + } | ||
88 | +}) |
zhiyuanzhe/pages/myfeedback/myfeedback.json
0 → 100644
zhiyuanzhe/pages/myfeedback/myfeedback.wxml
0 → 100644
1 | +<view class='my_head'> | ||
2 | + <image class="my_headimg" src='/imgs/myfeedback.png'></image> | ||
3 | + <view class='my_headitem'> | ||
4 | + <view class="my_headitemtop"> | ||
5 | + <view class='my_headitemimg'> | ||
6 | + <image src="{{datalist.avatar?datalist.avatar:'/imgs/icon_59.png'}}"></image> | ||
7 | + </view> | ||
8 | + <view class="my_headitemname"> | ||
9 | + <view class='word'>{{datalist.user_nickname}}</view> | ||
10 | + <view class="word1">志愿者(待学习)<image src="/imgs/more_gray.png"></image> | ||
11 | + </view> | ||
12 | + <!-- <view class='word'>工时: {{datalist.work_time}}h</view> --> | ||
13 | + <view class='star_box'> | ||
14 | + <image src="/imgs/xingxing_weixuanzhong_icon@2x.png" mode='scaleToFill' | ||
15 | + wx:if='{{datalist.level>0}}'> | ||
16 | + </image> | ||
17 | + <image src="/imgs/xingxing_weixuanzhong_icon@2x.png" mode='scaleToFill' | ||
18 | + wx:if='{{datalist.level>1}}'> | ||
19 | + </image> | ||
20 | + <image src="/imgs/xingxing_weixuanzhong_icon@2x.png" mode='scaleToFill' | ||
21 | + wx:if='{{datalist.level>2}}'> | ||
22 | + </image> | ||
23 | + <image src="/imgs/xingxing_weixuanzhong_icon@2x.png" mode='scaleToFill' | ||
24 | + wx:if='{{datalist.level>3}}'> | ||
25 | + </image> | ||
26 | + <image src="/imgs/xingxing_weixuanzhong_icon@2x.png" mode='scaleToFill' | ||
27 | + wx:if='{{datalist.level>4}}'> | ||
28 | + </image> | ||
29 | + </view> | ||
30 | + </view> | ||
31 | + </view> | ||
32 | + </view> | ||
33 | + <view class="my_activebox"> | ||
34 | + <view class="my_active"> | ||
35 | + <view>396</view> | ||
36 | + <view>可用工时</view> | ||
37 | + </view> | ||
38 | + <view class="my_active"> | ||
39 | + <view>1000</view> | ||
40 | + <view>累计总共工时</view> | ||
41 | + </view> | ||
42 | + <view class="my_active"> | ||
43 | + <view>176</view> | ||
44 | + <view>已兑换工时</view> | ||
45 | + </view> | ||
46 | + </view> | ||
47 | + <view class="my_hint"> | ||
48 | + <image src="/imgs/tishi-4@2x.png"></image> 兑换志愿回馈礼品不影响总工时,即不影响志愿者排名及星级 | ||
49 | + </view> | ||
50 | +</view> | ||
51 | +<!-- 礼品 --> | ||
52 | +<view class="gift"> | ||
53 | + <image src="/imgs/shop.png"></image> | ||
54 | + <view class="gift_message"> | ||
55 | + <view class="gift_introduce">原装正品Apple AirPods Pro 主动降噪无线蓝兑换志愿回馈礼品不影响总工时,即不影响志愿者排名及星级</view> | ||
56 | + <view class="gift_time"> | ||
57 | + <view>已被兑换:2000</view> | ||
58 | + <view>库存:500</view> | ||
59 | + </view> | ||
60 | + <view class="gift_time"> | ||
61 | + <view class="gift_exchange">工时兑换</view> | ||
62 | + <view class="gift_exchange_time"><p>20</p>小时</view> | ||
63 | + </view> | ||
64 | + </view> | ||
65 | +</view> |
zhiyuanzhe/pages/myfeedback/myfeedback.wxss
0 → 100644
1 | +page { | ||
2 | + | ||
3 | + background-color: #F2F3F5; | ||
4 | +} | ||
5 | + | ||
6 | +.my_head { | ||
7 | + position: relative; | ||
8 | + height: 436rpx; | ||
9 | + /* width: 750rpx; */ | ||
10 | + /* padding: 32rpx; */ | ||
11 | +} | ||
12 | + | ||
13 | +.my_head image { | ||
14 | + width: 100%; | ||
15 | + height: 436rpx; | ||
16 | + /* display: block; */ | ||
17 | +} | ||
18 | + | ||
19 | +.my_headitem { | ||
20 | + position: absolute; | ||
21 | + left: 36%; | ||
22 | + /* bottom: 137rpx; */ | ||
23 | + top: 46rpx; | ||
24 | + transform: translateX(-50%); | ||
25 | + color: #ffffff; | ||
26 | + font-size: 32rpx; | ||
27 | + /* display: flex; */ | ||
28 | + /* flex-wrap: wrap; */ | ||
29 | + /* justify-content: center; */ | ||
30 | + /* align-items: center; */ | ||
31 | +} | ||
32 | + | ||
33 | +.my_headitemtop { | ||
34 | + display: flex; | ||
35 | + | ||
36 | +} | ||
37 | + | ||
38 | +.my_headitemimg { | ||
39 | + /* width: 100%; */ | ||
40 | + display: flex; | ||
41 | + justify-content: center; | ||
42 | + align-items: center; | ||
43 | + margin-right: 16rpx; | ||
44 | +} | ||
45 | + | ||
46 | +.my_headitemname { | ||
47 | + width: 260rpx; | ||
48 | + | ||
49 | +} | ||
50 | + | ||
51 | +.my_headitemimg image, | ||
52 | +.my_headitemimg .avator { | ||
53 | + width: 132rpx; | ||
54 | + height: 132rpx; | ||
55 | + border-radius: 50%; | ||
56 | + display: block; | ||
57 | + overflow: hidden; | ||
58 | +} | ||
59 | + | ||
60 | + | ||
61 | +.my_headitem .word { | ||
62 | + width: 100%; | ||
63 | + /* text-align: center; */ | ||
64 | + margin-top: 10rpx; | ||
65 | + font-size: 32rpx; | ||
66 | + font-weight: bold; | ||
67 | + | ||
68 | +} | ||
69 | + | ||
70 | +.word1 { | ||
71 | + font-size: 28rpx; | ||
72 | +} | ||
73 | + | ||
74 | +.word1 image { | ||
75 | + width: 12rpx; | ||
76 | + height: 20rpx; | ||
77 | +} | ||
78 | + | ||
79 | +.my_activebox { | ||
80 | + padding: 0 80rpx; | ||
81 | + display: flex; | ||
82 | + flex-wrap: wrap; | ||
83 | + justify-content: space-between; | ||
84 | + font-size: 36rpx; | ||
85 | + color: #ffffff; | ||
86 | + text-align: center; | ||
87 | + position: absolute; | ||
88 | + left: 10rpx; | ||
89 | + right: 10rpx; | ||
90 | + top: 200rpx; | ||
91 | +} | ||
92 | + | ||
93 | +.my_active :nth-child(1) { | ||
94 | + font-size: 48rpx; | ||
95 | + margin-top: 8rpx; | ||
96 | + | ||
97 | + | ||
98 | +} | ||
99 | + | ||
100 | +.my_active :nth-child(2) { | ||
101 | + font-size: 24rpx; | ||
102 | + margin-top: 8rpx; | ||
103 | + color: #ceebd9; | ||
104 | +} | ||
105 | + | ||
106 | +.my_hint { | ||
107 | + display: flex; | ||
108 | + align-items: center; | ||
109 | + position: absolute; | ||
110 | + left: 36rpx; | ||
111 | + bottom: 44rpx; | ||
112 | + font-size: 24rpx; | ||
113 | + color: #ceebd9; | ||
114 | + | ||
115 | + | ||
116 | +} | ||
117 | + | ||
118 | +.my_hint image { | ||
119 | + width: 24rpx; | ||
120 | + height: 24rpx; | ||
121 | + margin-right: 8rpx; | ||
122 | +} | ||
123 | + | ||
124 | +.star_box { | ||
125 | + width: auto; | ||
126 | + height: auto; | ||
127 | + margin-top: 16rpx; | ||
128 | + display: flex; | ||
129 | + /* justify-content: space-between; */ | ||
130 | +} | ||
131 | + | ||
132 | +.star_box image { | ||
133 | + width: 20rpx; | ||
134 | + height: 20rpx; | ||
135 | + padding-left: 10rpx; | ||
136 | + padding-right: 10rpx; | ||
137 | +} | ||
138 | + | ||
139 | +/* 礼品 */ | ||
140 | + | ||
141 | +.gift { | ||
142 | + margin: 24rpx 34rpx; | ||
143 | + padding: 24rpx; | ||
144 | + /* height: 288rpx; */ | ||
145 | + background-color: #ffffff; | ||
146 | + border-radius: 7px; | ||
147 | + display: flex; | ||
148 | + justify-content: space-between; | ||
149 | + | ||
150 | +} | ||
151 | + | ||
152 | +.gift image { | ||
153 | + width: 240rpx; | ||
154 | + height: 240rpx; | ||
155 | +} | ||
156 | + | ||
157 | +.gift_message { | ||
158 | + padding: 18rpx 0; | ||
159 | + width: 374rpx; | ||
160 | + display: flex; | ||
161 | + flex-direction: column; | ||
162 | + justify-content: space-between; | ||
163 | + | ||
164 | +} | ||
165 | + | ||
166 | +.gift_introduce { | ||
167 | + font-size: 28rpx; | ||
168 | + color: #323232; | ||
169 | + /* overflow: hidden; | ||
170 | + text-overflow: ellipsis; */ | ||
171 | + display: -webkit-box; | ||
172 | + overflow: hidden; | ||
173 | + text-overflow: ellipsis; | ||
174 | + word-break: break-all; | ||
175 | + -webkit-box-orient: vertical; | ||
176 | + -webkit-line-clamp: 2; | ||
177 | + | ||
178 | +} | ||
179 | + | ||
180 | +.gift_time { | ||
181 | + display: flex; | ||
182 | + justify-content: space-between; | ||
183 | + align-items: center; | ||
184 | + font-size: 28rpx; | ||
185 | + color: #969799; | ||
186 | +} | ||
187 | + | ||
188 | +.gift_exchange { | ||
189 | + width: 146rpx; | ||
190 | + height: 46rpx; | ||
191 | + line-height: 46rpx; | ||
192 | + color: #FF976A; | ||
193 | + text-align: center; | ||
194 | + border: 1px solid #FF976A; | ||
195 | + border-radius: 7px; | ||
196 | +} | ||
197 | +.gift_exchange_time{ | ||
198 | + color: #21AE58; | ||
199 | +} | ||
200 | +.gift_exchange_time p{ | ||
201 | + font-size: 44rpx; | ||
202 | +} |
zhiyuanzhe/pages/myteam/myteam.js
0 → 100644
1 | +// pages/myteam/myteam.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + | ||
9 | + }, | ||
10 | + | ||
11 | + /** | ||
12 | + * 生命周期函数--监听页面加载 | ||
13 | + */ | ||
14 | + onLoad: function (options) { | ||
15 | + | ||
16 | + }, | ||
17 | + | ||
18 | + /** | ||
19 | + * 生命周期函数--监听页面初次渲染完成 | ||
20 | + */ | ||
21 | + onReady: function () { | ||
22 | + | ||
23 | + }, | ||
24 | + | ||
25 | + /** | ||
26 | + * 生命周期函数--监听页面显示 | ||
27 | + */ | ||
28 | + onShow: function () { | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + /** | ||
33 | + * 生命周期函数--监听页面隐藏 | ||
34 | + */ | ||
35 | + onHide: function () { | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面卸载 | ||
41 | + */ | ||
42 | + onUnload: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | + */ | ||
49 | + onPullDownRefresh: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 页面上拉触底事件的处理函数 | ||
55 | + */ | ||
56 | + onReachBottom: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 用户点击右上角分享 | ||
62 | + */ | ||
63 | + onShareAppMessage: function () { | ||
64 | + | ||
65 | + } | ||
66 | +}) |
zhiyuanzhe/pages/myteam/myteam.json
0 → 100644
zhiyuanzhe/pages/myteam/myteam.wxml
0 → 100644
1 | +<view class="myteamBox" > | ||
2 | + <view class="teamtop"> | ||
3 | + <image src="/imgs/ac14.png"></image> | ||
4 | + <view class="teamAddress">北京</view> | ||
5 | + <image src="/imgs/ac15.png"></image> | ||
6 | + <view>50人</view> | ||
7 | + </view> | ||
8 | + <view class="teambottom"> | ||
9 | + <image src="/imgs/active.png"></image> | ||
10 | + <view class="teamright"> | ||
11 | + <view class="teamName">河北省邯郸市丛台区白求恩第三志愿者小队</view> | ||
12 | + <view class="teamTime"> | ||
13 | + <view>团队时长:60小时</view> | ||
14 | + <view>我的时长:60小时</view> | ||
15 | + </view> | ||
16 | + </view> | ||
17 | + </view> | ||
18 | +</view> |
zhiyuanzhe/pages/myteam/myteam.wxss
0 → 100644
1 | +/* pages/myteam/myteam.wxss */ | ||
2 | + | ||
3 | +page { | ||
4 | + background-color: rgb(240, 240, 240); | ||
5 | +} | ||
6 | + | ||
7 | +.myteamBox { | ||
8 | + margin: 24rpx 32rpx; | ||
9 | + padding: 32rpx 24rpx; | ||
10 | + /* height: 266rpx; */ | ||
11 | + background-color: #ffffff; | ||
12 | + border-radius: 7px; | ||
13 | + font-size: 28rpx; | ||
14 | +} | ||
15 | + | ||
16 | +.teamtop { | ||
17 | + display: flex; | ||
18 | + align-items: center; | ||
19 | + color: #FF976A; | ||
20 | + | ||
21 | +} | ||
22 | + | ||
23 | +.teamtop image { | ||
24 | + width: 40rpx; | ||
25 | + height: 40rpx; | ||
26 | +} | ||
27 | + | ||
28 | +.teamAddress { | ||
29 | + margin-right: 44rpx; | ||
30 | +} | ||
31 | + | ||
32 | +.teambottom { | ||
33 | + display: flex; | ||
34 | + margin-top: 24rpx; | ||
35 | +} | ||
36 | + | ||
37 | +.teambottom image { | ||
38 | + width: 182rpx; | ||
39 | + height: 132rpx; | ||
40 | + border-radius: 7px; | ||
41 | + margin-right: 24rpx; | ||
42 | +} | ||
43 | + | ||
44 | +.teamright { | ||
45 | + width: 434rpx; | ||
46 | + display: flex; | ||
47 | + flex-direction: column; | ||
48 | + justify-content: space-between; | ||
49 | + | ||
50 | +} | ||
51 | + | ||
52 | +.teamName { | ||
53 | + font-size: 28rpx; | ||
54 | + font-weight: 600; | ||
55 | + color: #323233; | ||
56 | + text-align: justify; | ||
57 | +} | ||
58 | + | ||
59 | +.teamTime { | ||
60 | + display: flex; | ||
61 | + justify-content: space-between; | ||
62 | + font-size: 24rpx; | ||
63 | + color: #7D7E80; | ||
64 | +} |
zhiyuanzhe/pages/mytrain/mytrain.js
0 → 100644
1 | +const app = getApp(); | ||
2 | + | ||
3 | +Page({ | ||
4 | + | ||
5 | + /** | ||
6 | + * 页面的初始数据 | ||
7 | + */ | ||
8 | + data: { | ||
9 | + star_num: 3, | ||
10 | + datalist: '', | ||
11 | + }, | ||
12 | + | ||
13 | + getdatalist() { | ||
14 | + let that = this; | ||
15 | + let url = 'index/member_center/index'; | ||
16 | + let head = { | ||
17 | + 'XX-Token': wx.getStorageSync('token') | ||
18 | + } | ||
19 | + app.post(url, {}, head).then((res) => { | ||
20 | + | ||
21 | + // console.log(res); | ||
22 | + that.setData({ | ||
23 | + datalist: res | ||
24 | + }) | ||
25 | + }).catch((err) => { | ||
26 | + | ||
27 | + }) | ||
28 | + }, | ||
29 | + | ||
30 | + /** | ||
31 | + * 生命周期函数--监听页面加载 | ||
32 | + */ | ||
33 | + onLoad: function (options) { | ||
34 | + let that = this; | ||
35 | + this.getdatalist(); | ||
36 | + | ||
37 | + }, | ||
38 | + | ||
39 | + /** | ||
40 | + * 生命周期函数--监听页面初次渲染完成 | ||
41 | + */ | ||
42 | + onReady: function () { | ||
43 | + | ||
44 | + }, | ||
45 | + | ||
46 | + /** | ||
47 | + * 生命周期函数--监听页面显示 | ||
48 | + */ | ||
49 | + onShow: function () { | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + /** | ||
54 | + * 生命周期函数--监听页面隐藏 | ||
55 | + */ | ||
56 | + onHide: function () { | ||
57 | + | ||
58 | + }, | ||
59 | + | ||
60 | + /** | ||
61 | + * 生命周期函数--监听页面卸载 | ||
62 | + */ | ||
63 | + onUnload: function () { | ||
64 | + | ||
65 | + }, | ||
66 | + | ||
67 | + /** | ||
68 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
69 | + */ | ||
70 | + onPullDownRefresh: function () { | ||
71 | + | ||
72 | + }, | ||
73 | + | ||
74 | + /** | ||
75 | + * 页面上拉触底事件的处理函数 | ||
76 | + */ | ||
77 | + onReachBottom: function () { | ||
78 | + | ||
79 | + }, | ||
80 | + | ||
81 | + /** | ||
82 | + * 用户点击右上角分享 | ||
83 | + */ | ||
84 | + onShareAppMessage: function () { | ||
85 | + | ||
86 | + } | ||
87 | +}) |
zhiyuanzhe/pages/mytrain/mytrain.json
0 → 100644
zhiyuanzhe/pages/mytrain/mytrain.wxml
0 → 100644
1 | +<!--pages/mytrain/mytrain.wxml--> | ||
2 | +<view class="mytrain"> | ||
3 | + <image src="/imgs/mytrain.png"></image> | ||
4 | + <view class='my_headitem'> | ||
5 | + <view class="my_headitemtop"> | ||
6 | + <view class='my_headitemimg'> | ||
7 | + <image src="{{datalist.avatar?datalist.avatar:'/imgs/icon_59.png'}}"></image> | ||
8 | + </view> | ||
9 | + <view class="my_headitemname"> | ||
10 | + <view class='word'>{{datalist.user_nickname}}</view> | ||
11 | + <view class="word1">志愿者(待学习)<image src="/imgs/more_gray.png"></image> | ||
12 | + </view> | ||
13 | + <!-- <view class='word'>工时: {{datalist.work_time}}h</view> --> | ||
14 | + <view class='star_box'> | ||
15 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>0}}'> | ||
16 | + </image> | ||
17 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>1}}'> | ||
18 | + </image> | ||
19 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>2}}'> | ||
20 | + </image> | ||
21 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>3}}'> | ||
22 | + </image> | ||
23 | + <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{datalist.level>4}}'> | ||
24 | + </image> | ||
25 | + </view> | ||
26 | + </view> | ||
27 | + <view class="mystudytime"> | ||
28 | + <view class="time"> 50小时</view> | ||
29 | + <view class="mytime"> | ||
30 | + <image src="/imgs/clock.png"></image> | ||
31 | + 我的学时 | ||
32 | + </view> | ||
33 | + </view> | ||
34 | + | ||
35 | + </view> | ||
36 | + </view> | ||
37 | + | ||
38 | + <view class="rule"> | ||
39 | + <view class="rule_box"> | ||
40 | + <view class="rule_line"></view> | ||
41 | + 规则 | ||
42 | + </view> | ||
43 | + <view> | ||
44 | + 1.答对全部题目即可获得学时 | ||
45 | + </view> | ||
46 | + <view> | ||
47 | + 2.如有题目打错不能获得学时,请认真学习后重新答题 | ||
48 | + </view> | ||
49 | + <view> | ||
50 | + 3.获得的学时将同步累加计入志愿服务总工时 | ||
51 | + </view> | ||
52 | + </view> | ||
53 | + | ||
54 | + <view class="rule_box"> | ||
55 | + <view class="rule_line"></view> | ||
56 | + 答题 | ||
57 | + </view> | ||
58 | + | ||
59 | + <view class="myanswer"> | ||
60 | + | ||
61 | + <image src="/imgs/active1.png"></image> | ||
62 | + <view class="myanswer_right"> | ||
63 | + <view class="myanswer_name"> | ||
64 | + 如何做一个志愿者,如何做一个负责人心的志愿者 | ||
65 | + </view> | ||
66 | + | ||
67 | + <view class="myanswer_num"> | ||
68 | + <view> | ||
69 | + 10道题 | ||
70 | + </view> | ||
71 | + <view class="myanswer_end"> | ||
72 | + 完成答题 | ||
73 | + <image src="/imgs/more.png"></image> | ||
74 | + </view> | ||
75 | + </view> | ||
76 | + | ||
77 | + </view> | ||
78 | + | ||
79 | + </view> | ||
80 | + | ||
81 | + | ||
82 | +</view> |
zhiyuanzhe/pages/mytrain/mytrain.wxss
0 → 100644
1 | +/* pages/mytrain/mytrain.wxss */ | ||
2 | +page { | ||
3 | + background-color: rgb(240, 240, 240); | ||
4 | +} | ||
5 | + | ||
6 | +.mytrain { | ||
7 | + padding: 24rpx 32rpx; | ||
8 | + position: relative; | ||
9 | +} | ||
10 | + | ||
11 | +.mytrain image { | ||
12 | + width: 100%; | ||
13 | + height: 232rpx; | ||
14 | +} | ||
15 | + | ||
16 | +/* */ | ||
17 | +.my_headitem { | ||
18 | + position: absolute; | ||
19 | + /* left: 36%; */ | ||
20 | + left: 64rpx; | ||
21 | + top: 75rpx; | ||
22 | + /* transform: translateX(-50%); */ | ||
23 | + color: #ffffff; | ||
24 | + font-size: 32rpx; | ||
25 | + /* display: flex; */ | ||
26 | + /* flex-wrap: wrap; */ | ||
27 | + /* justify-content: center; */ | ||
28 | + /* align-items: center; */ | ||
29 | +} | ||
30 | + | ||
31 | +.my_headitemtop { | ||
32 | + display: flex; | ||
33 | + | ||
34 | +} | ||
35 | + | ||
36 | +.my_headitemimg { | ||
37 | + /* width: 100%; */ | ||
38 | + display: flex; | ||
39 | + justify-content: center; | ||
40 | + align-items: center; | ||
41 | + margin-right: 16rpx; | ||
42 | +} | ||
43 | + | ||
44 | +.my_headitemname { | ||
45 | + width: 260rpx; | ||
46 | + | ||
47 | +} | ||
48 | + | ||
49 | +.my_headitemimg image, | ||
50 | +.my_headitemimg .avator { | ||
51 | + width: 132rpx; | ||
52 | + height: 132rpx; | ||
53 | + border-radius: 50%; | ||
54 | + display: block; | ||
55 | + overflow: hidden; | ||
56 | +} | ||
57 | + | ||
58 | + | ||
59 | +.my_headitem .word { | ||
60 | + width: 100%; | ||
61 | + /* text-align: center; */ | ||
62 | + margin-top: 10rpx; | ||
63 | + font-size: 32rpx; | ||
64 | + font-weight: bold; | ||
65 | +} | ||
66 | + | ||
67 | +.word1 { | ||
68 | + font-size: 28rpx; | ||
69 | +} | ||
70 | + | ||
71 | +.word1 image { | ||
72 | + width: 12rpx; | ||
73 | + height: 20rpx; | ||
74 | +} | ||
75 | + | ||
76 | +.mystudytime { | ||
77 | + margin-left: 86rpx; | ||
78 | + | ||
79 | +} | ||
80 | + | ||
81 | +.time { | ||
82 | + font-size: 40rpx; | ||
83 | + line-height: 56rpx; | ||
84 | +} | ||
85 | + | ||
86 | +.mytime { | ||
87 | + font-size: 22rpx; | ||
88 | + line-height: 34rpx; | ||
89 | + margin-top: 8rpx; | ||
90 | + display: flex; | ||
91 | + align-items: center; | ||
92 | +} | ||
93 | + | ||
94 | +.mytime image { | ||
95 | + width: 22rpx; | ||
96 | + height: 22rpx; | ||
97 | + margin-right: 8rpx; | ||
98 | +} | ||
99 | +.star_box { | ||
100 | + width: auto; | ||
101 | + height: auto; | ||
102 | + margin-top: 16rpx; | ||
103 | + display: flex; | ||
104 | + /* justify-content: space-between; */ | ||
105 | +} | ||
106 | + | ||
107 | +.star_box image { | ||
108 | + width: 20rpx; | ||
109 | + height: 20rpx; | ||
110 | + padding-left: 10rpx; | ||
111 | + padding-right: 10rpx; | ||
112 | +} | ||
113 | +/* 规则 */ | ||
114 | +.rule { | ||
115 | + font-size: 28rpx; | ||
116 | + color: #323233; | ||
117 | +} | ||
118 | + | ||
119 | +.rule_box { | ||
120 | + display: flex; | ||
121 | + align-items: center; | ||
122 | + margin-top: 24rpx; | ||
123 | + margin-bottom: 16rpx; | ||
124 | + font-weight: 600; | ||
125 | + font-size: 32rpx; | ||
126 | + | ||
127 | +} | ||
128 | + | ||
129 | +.rule_line { | ||
130 | + width: 6rpx; | ||
131 | + height: 28rpx; | ||
132 | + background: linear-gradient(180deg, #00cd98, #009e5f); | ||
133 | + border-radius: 4px; | ||
134 | + margin-right: 18rpx; | ||
135 | +} | ||
136 | + | ||
137 | +.myanswer { | ||
138 | + padding: 24rpx 24rpx; | ||
139 | + border-radius: 7px; | ||
140 | + background-color: #ffffff; | ||
141 | + display: flex; | ||
142 | + font-size: 28rpx; | ||
143 | + | ||
144 | +} | ||
145 | + | ||
146 | +.myanswer image { | ||
147 | + width: 182rpx; | ||
148 | + height: 138rpx; | ||
149 | + margin-right: 24rpx; | ||
150 | + border-radius: 7px; | ||
151 | +} | ||
152 | + | ||
153 | +.myanswer_right { | ||
154 | + display: flex; | ||
155 | + flex-direction: column; | ||
156 | + justify-content: space-between; | ||
157 | +} | ||
158 | + | ||
159 | + | ||
160 | +.myanswer_num { | ||
161 | + display: flex; | ||
162 | + justify-content: space-between; | ||
163 | + font-size: 28rpx; | ||
164 | + color: #7D7E80; | ||
165 | + | ||
166 | +} | ||
167 | + | ||
168 | +.myanswer_num image { | ||
169 | + width: 16rpx; | ||
170 | + height: 22rpx; | ||
171 | +} | ||
172 | + | ||
173 | +.myanswer_end { | ||
174 | + color: #21AE58; | ||
175 | +} | ||
176 | + | ||
177 | +.myanswer_end image { | ||
178 | + margin-left: 5rpx; | ||
179 | +} |
1 | { | 1 | { |
2 | - "description": "项目配置文件", | ||
3 | - "packOptions": { | ||
4 | - "ignore": [] | ||
5 | - }, | ||
6 | - "setting": { | ||
7 | - "urlCheck": false, | ||
8 | - "es6": true, | ||
9 | - "postcss": true, | ||
10 | - "minified": true, | ||
11 | - "newFeature": true, | ||
12 | - "coverView": true, | ||
13 | - "autoAudits": false, | ||
14 | - "checkInvalidKey": true, | ||
15 | - "checkSiteMap": true, | ||
16 | - "uploadWithSourceMap": true, | ||
17 | - "babelSetting": { | ||
18 | - "ignore": [], | ||
19 | - "disablePlugins": [], | ||
20 | - "outputPath": "" | ||
21 | - }, | ||
22 | - "uglifyFileName": true | ||
23 | - }, | ||
24 | - "compileType": "miniprogram", | ||
25 | - "libVersion": "2.8.3", | ||
26 | - "appid": "wx7a3bf4e0796c070a", | ||
27 | - "projectname": "zhiyuanzhe", | ||
28 | - "debugOptions": { | ||
29 | - "hidedInDevtools": [] | ||
30 | - }, | ||
31 | - "isGameTourist": false, | ||
32 | - "simulatorType": "wechat", | ||
33 | - "simulatorPluginLibVersion": {}, | ||
34 | - "condition": { | ||
35 | - "search": { | ||
36 | - "current": -1, | ||
37 | - "list": [] | ||
38 | - }, | ||
39 | - "conversation": { | ||
40 | - "current": -1, | ||
41 | - "list": [] | ||
42 | - }, | ||
43 | - "plugin": { | ||
44 | - "current": -1, | ||
45 | - "list": [] | ||
46 | - }, | ||
47 | - "game": { | ||
48 | - "currentL": -1, | ||
49 | - "list": [] | ||
50 | - }, | ||
51 | - "gamePlugin": { | ||
52 | - "current": -1, | ||
53 | - "list": [] | ||
54 | - }, | ||
55 | - "miniprogram": { | ||
56 | - "current": -1, | ||
57 | - "list": [ | ||
58 | - { | ||
59 | - "id": 0, | ||
60 | - "name": "工作计划表", | ||
61 | - "pathName": "pages/word_report/word_report", | ||
62 | - "query": "id=17&status=1", | ||
63 | - "scene": null | ||
64 | - } | ||
65 | - ] | ||
66 | - } | ||
67 | - } | 2 | + "description": "项目配置文件", |
3 | + "packOptions": { | ||
4 | + "ignore": [] | ||
5 | + }, | ||
6 | + "setting": { | ||
7 | + "urlCheck": false, | ||
8 | + "es6": true, | ||
9 | + "enhance": false, | ||
10 | + "postcss": true, | ||
11 | + "preloadBackgroundData": false, | ||
12 | + "minified": true, | ||
13 | + "newFeature": true, | ||
14 | + "coverView": true, | ||
15 | + "nodeModules": false, | ||
16 | + "autoAudits": false, | ||
17 | + "showShadowRootInWxmlPanel": true, | ||
18 | + "scopeDataCheck": false, | ||
19 | + "uglifyFileName": true, | ||
20 | + "checkInvalidKey": true, | ||
21 | + "checkSiteMap": true, | ||
22 | + "uploadWithSourceMap": true, | ||
23 | + "compileHotReLoad": false, | ||
24 | + "useMultiFrameRuntime": false, | ||
25 | + "useApiHook": false, | ||
26 | + "babelSetting": { | ||
27 | + "ignore": [], | ||
28 | + "disablePlugins": [], | ||
29 | + "outputPath": "" | ||
30 | + }, | ||
31 | + "useIsolateContext": true, | ||
32 | + "useCompilerModule": true, | ||
33 | + "userConfirmedUseCompilerModuleSwitch": false, | ||
34 | + "packNpmManually": false, | ||
35 | + "packNpmRelationList": [] | ||
36 | + }, | ||
37 | + "compileType": "miniprogram", | ||
38 | + "libVersion": "2.8.3", | ||
39 | + "appid": "wx7a3bf4e0796c070a", | ||
40 | + "projectname": "zhiyuanzhe", | ||
41 | + "debugOptions": { | ||
42 | + "hidedInDevtools": [] | ||
43 | + }, | ||
44 | + "isGameTourist": false, | ||
45 | + "simulatorType": "wechat", | ||
46 | + "simulatorPluginLibVersion": {}, | ||
47 | + "condition": { | ||
48 | + "search": { | ||
49 | + "current": -1, | ||
50 | + "list": [] | ||
51 | + }, | ||
52 | + "conversation": { | ||
53 | + "current": -1, | ||
54 | + "list": [] | ||
55 | + }, | ||
56 | + "plugin": { | ||
57 | + "current": -1, | ||
58 | + "list": [] | ||
59 | + }, | ||
60 | + "game": { | ||
61 | + "currentL": -1, | ||
62 | + "list": [] | ||
63 | + }, | ||
64 | + "gamePlugin": { | ||
65 | + "current": -1, | ||
66 | + "list": [] | ||
67 | + }, | ||
68 | + "miniprogram": { | ||
69 | + "current": -1, | ||
70 | + "list": [ | ||
71 | + { | ||
72 | + "id": 0, | ||
73 | + "name": "工作计划表", | ||
74 | + "pathName": "pages/word_report/word_report", | ||
75 | + "query": "id=17&status=1", | ||
76 | + "scene": null | ||
77 | + }, | ||
78 | + { | ||
79 | + "id": -1, | ||
80 | + "name": "pages/myteam/myteam", | ||
81 | + "pathName": "pages/myteam/myteam", | ||
82 | + "query": "", | ||
83 | + "scene": null | ||
84 | + }, | ||
85 | + { | ||
86 | + "id": -1, | ||
87 | + "name": "pages/mytrain/mytrain", | ||
88 | + "pathName": "pages/mytrain/mytrain", | ||
89 | + "query": "", | ||
90 | + "scene": null | ||
91 | + }, | ||
92 | + { | ||
93 | + "id": -1, | ||
94 | + "name": "pages/Online_regulations/Online_regulations", | ||
95 | + "pathName": "pages/Online_regulations/Online_regulations", | ||
96 | + "query": "", | ||
97 | + "scene": null | ||
98 | + }, | ||
99 | + { | ||
100 | + "id": -1, | ||
101 | + "name": "pages/getStudycontent/getStudycontent", | ||
102 | + "pathName": "pages/getStudycontent/getStudycontent", | ||
103 | + "query": "", | ||
104 | + "scene": null | ||
105 | + }, | ||
106 | + { | ||
107 | + "id": -1, | ||
108 | + "name": "pages/apply/apply", | ||
109 | + "pathName": "pages/apply/apply", | ||
110 | + "query": "", | ||
111 | + "scene": null | ||
112 | + }, | ||
113 | + { | ||
114 | + "id": -1, | ||
115 | + "name": "pages/Volunteer_detail/Volunteer_detail", | ||
116 | + "pathName": "pages/Volunteer_detail/Volunteer_detail", | ||
117 | + "query": "", | ||
118 | + "scene": null | ||
119 | + }, | ||
120 | + { | ||
121 | + "id": -1, | ||
122 | + "name": "pages/myfeedback/myfeedback", | ||
123 | + "pathName": "pages/myfeedback/myfeedback", | ||
124 | + "query": "", | ||
125 | + "scene": null | ||
126 | + }, | ||
127 | + { | ||
128 | + "id": -1, | ||
129 | + "name": "pages/myaddress/myaddress", | ||
130 | + "pathName": "pages/myaddress/myaddress", | ||
131 | + "query": "", | ||
132 | + "scene": null | ||
133 | + }, | ||
134 | + { | ||
135 | + "id": -1, | ||
136 | + "name": "pages/Volunteer_dynamic/Volunteer_dynamic", | ||
137 | + "pathName": "pages/Volunteer_dynamic/Volunteer_dynamic", | ||
138 | + "query": "", | ||
139 | + "scene": null | ||
140 | + }, | ||
141 | + { | ||
142 | + "id": -1, | ||
143 | + "name": "pages/guanlitiaoli/guanlitiaoli", | ||
144 | + "pathName": "pages/guanlitiaoli/guanlitiaoli", | ||
145 | + "query": "", | ||
146 | + "scene": null | ||
147 | + }, | ||
148 | + { | ||
149 | + "id": -1, | ||
150 | + "name": "pages/mycertificate/mycertificate", | ||
151 | + "pathName": "pages/mycertificate/mycertificate", | ||
152 | + "scene": null | ||
153 | + } | ||
154 | + ] | ||
155 | + } | ||
156 | + } | ||
68 | } | 157 | } |
-
请 注册 或 登录 后发表评论