作者 sgj

sgj

正在显示 118 个修改的文件 包含 3401 行增加192 行删除
@@ -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 +}
  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 + "usingComponents": {},
  3 + "navigationBarTitleText": "在线培训"
  4 +
  5 +}
  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 +{
  2 + "usingComponents": {}
  3 +}
  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 + "usingComponents": {},
  3 + "navigationBarTitleText": "志愿动态"
  4 +}
  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 + "usingComponents": {},
  3 + "navigationBarTitleText": "志愿团队"
  4 +}
  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,66 +76,139 @@ Page({ @@ -76,66 +76,139 @@ 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 //移动电话
@@ -143,34 +216,32 @@ Page({ @@ -143,34 +216,32 @@ Page({
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;
@@ -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) => {
  647 +
  648 + wx.showModal({
  649 + title: '请仔细核对信息,确认无误!',
  650 + content: '如需修改个人信息,请在微信公众号申请:关注微信公众号“白求恩志愿者中心”,点击菜单按钮“修改个人信息”,申请提交。',
  651 + confirmText:'确认提交',
  652 + cancelText:'我再想想',
  653 + success(res) {
  654 + if (res.confirm) {
  655 +
570 wx.showToast({ 656 wx.showToast({
571 title: '提交成功,等待审核', 657 title: '提交成功,等待审核',
572 mask: true, 658 mask: true,
573 icon: 'none', 659 icon: 'none',
574 duration: 2000 660 duration: 2000
575 }) 661 })
576 -  
577 - setTimeout(function() { 662 + setTimeout(function () {
578 wx.switchTab({ 663 wx.switchTab({
579 url: '/pages/my/my' 664 url: '/pages/my/my'
580 }) 665 })
581 }, 1000) 666 }, 1000)
  667 + console.log('用户点击确定')
  668 + } else if (res.cancel) {
  669 +
  670 + console.log('用户点击取消')
  671 + }
  672 + }
  673 + })
  674 +
  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 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "学习内容"
  4 +}
  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 + "usingComponents": {},
  3 + "navigationBarTitleText": "光荣排行"
  4 +}
  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 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "管理条例"
  4 +}
  1 +<view class="guanlitiaoli">
  2 + <rich-text >
  3 + 很快适应了当地生活,但对于一个国际中文教学的“新手”来说,
  4 + 走上真正的讲台才是我接下来面临的挑战,不过惊喜也在悄然发生。
  5 + </rich-text>
  6 +</view>
  7 +
  8 +
  1 +/* pages/guanlitiaoli/guanlitiaoli.wxss */
  2 +page {
  3 + font-size: 28rpx;
  4 + color: #5D5D5D;
  5 +}
  6 +
  7 +.guanlitiaoli {
  8 + padding: 32rpx;
  9 +
  10 +}
  11 +
1 { 1 {
2 - "usingComponents": {} 2 + "usingComponents": {},
  3 + "navigationBarTitleText": "活动招募"
3 } 4 }
@@ -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,12 +28,12 @@ @@ -26,12 +28,12 @@
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>
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',
13 }, 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 +
  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() { 204 + onReachBottom: function () {
84 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'> 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> 4 <swiper-item>
5 <image src="{{item.image}}" mode="aspectFill" /> 5 <image src="{{item.image}}" mode="aspectFill" />
6 </swiper-item> 6 </swiper-item>
7 </navigator> 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> 23 <view class='title'>志愿者</view>
14 - <navigator url='/pages/more/more' hover-class="none">更多</navigator> 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}}"> 28 + <view class='volunteercell' wx:for='{{datalist.volunteer}}' wx:key="index" id='{{item.id}}' wx:if="{{index<=3}}">
18 <view class='cell_top'> 29 <view class='cell_top'>
19 <view class='cellimg'> 30 <view class='cellimg'>
20 <image src='{{item.photo?item.photo:"https://volunteer.cnpu.org/imgs/wode_02@2x.png"}}' mode="aspectFill" /> 31 <image src='{{item.photo?item.photo:"https://volunteer.cnpu.org/imgs/wode_02@2x.png"}}' mode="aspectFill" />
@@ -28,22 +39,25 @@ @@ -28,22 +39,25 @@
28 <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>2}}'></image> 39 <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> 40 <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> 41 <image src="/imgs/xingxing_xuanzhong_icon@2x.png" mode='scaleToFill' wx:if='{{item.level>4}}'></image>
  42 +
31 </view> 43 </view>
32 </view> 44 </view>
33 </view> 45 </view>
34 </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'> 50 <view class='index_volunteertitle'>
40 - <view class='title'>活动快讯</view>  
41 - <navigator url='/pages/index/active/active' hover-class="none">更多</navigator> 51 + <view class='title'>招募活动</view>
  52 + <view class="more" bindtap="get">
  53 + 查看更多\t<image src="/imgs/more.png"></image>
  54 + </view>
  55 +
42 </view> 56 </view>
43 57
44 <view> 58 <view>
45 <view class='new_box'> 59 <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"> 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">
47 <view class='new_cellmain'> 61 <view class='new_cellmain'>
48 <view class='new_img'> 62 <view class='new_img'>
49 <image src='{{item.thumbnail}}' mode="aspectFill" /> 63 <image src='{{item.thumbnail}}' mode="aspectFill" />
@@ -64,18 +78,21 @@ @@ -64,18 +78,21 @@
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'> 79 <view class='index_volunteertitle'>
66 <view class='title'>活动回顾</view> 80 <view class='title'>活动回顾</view>
67 - <navigator url='/pages/index/active/active?end_type=1' hover-class="none">更多</navigator> 81 + <navigator class="more" url='/pages/index/active/active?end_type=1' hover-class="none">查看更多\t<image src="/imgs/more.png"></image>
  82 + </navigator>
68 </view> 83 </view>
69 <view class="review_box"> 84 <view class="review_box">
  85 + <view class="review_wrap">
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"> 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">
71 <view class="r_left"> 87 <view class="r_left">
72 <view class="r_title">{{item.activity_name}}</view> 88 <view class="r_title">{{item.activity_name}}</view>
73 - <view class="r_info"> 89 + <!-- <view class="r_info">
74 <text>活动时间:{{item.time}}</text> 90 <text>活动时间:{{item.time}}</text>
75 <text>地区:{{item.province_name}}</text> 91 <text>地区:{{item.province_name}}</text>
76 - </view> 92 + </view> -->
77 </view> 93 </view>
78 <image src="/imgs/right.png" class="r_right" /> 94 <image src="/imgs/right.png" class="r_right" />
79 </navigator> 95 </navigator>
80 </view> 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 +
  272 +}
  273 +
  274 +.review_wrap {
  275 + background: #ffffff;
  276 + border-radius: 5px;
  277 + padding: 0 16rpx;
  278 + margin-bottom: 24rpx;
210 } 279 }
211 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 }
@@ -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> 2 + <image class="my_headimg" src='/imgs/card.png'></image>
3 <view class='my_headitem'> 3 <view class='my_headitem'>
  4 + <view class="my_headitemtop">
4 <view class='my_headitemimg'> 5 <view class='my_headitemimg'>
5 <image src="{{datalist.avatar?datalist.avatar:'/imgs/icon_59.png'}}"></image> 6 <image src="{{datalist.avatar?datalist.avatar:'/imgs/icon_59.png'}}"></image>
6 </view> 7 </view>
  8 + <view class="my_headitemname">
7 <view class='word'>{{datalist.user_nickname}}</view> 9 <view class='word'>{{datalist.user_nickname}}</view>
8 - <view class='word'>已完成的工时: {{datalist.work_time}}h</view> 10 + <view class="word1">志愿者(待学习)<image src="/imgs/more_gray.png"></image>
  11 + </view>
  12 + <!-- <view class='word'>工时: {{datalist.work_time}}h</view> -->
9 <view class='star_box'> 13 <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> 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 +
  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>
15 </view> 64 </view>
16 </view> 65 </view>
17 </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"> 70 + <view class='my_item' bindtap="getVolunteer">
20 <view class='my_itemletf'> 71 <view class='my_itemletf'>
21 - <view class='iconfont icon-aixin'></view>成为志愿者 72 + <view class='iconfont '>
  73 + <image src="/imgs/ac5.png"></image>
  74 + </view>成为志愿者
22 </view> 75 </view>
23 <view class='iconfont icon-xiangyou'></view> 76 <view class='iconfont icon-xiangyou'></view>
24 - </navigator> 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 +
25 <navigator class='my_item' url='/pages/result/result' hover-class="none"> 98 <navigator class='my_item' url='/pages/result/result' hover-class="none">
26 <view class='my_itemletf'> 99 <view class='my_itemletf'>
27 - <view class='iconfont icon-chakanshenqing'></view>查看审核状态 100 + <view class='iconfont '>
  101 + <image src="/imgs/ac8.png"></image>
  102 + </view>查看审核状态
28 </view> 103 </view>
29 <view class='iconfont icon-xiangyou'></view> 104 <view class='iconfont icon-xiangyou'></view>
30 </navigator> 105 </navigator>
31 - <navigator class='my_item' url='/pages/img_txt/img_txt' hover-class="none" url='/pages/img_txt/img_txt?status=3'> 106 +
  107 + <navigator class='my_item' url='/pages/my/my_active/my_active' hover-class="none">
32 <view class='my_itemletf'> 108 <view class='my_itemletf'>
33 - <view class='iconfont icon-lianximaijia'></view>联系我们 109 + <image src='/imgs/ac9.png' mode='widthFix'></image>参与过的活动
34 </view> 110 </view>
35 <view class='iconfont icon-xiangyou'></view> 111 <view class='iconfont icon-xiangyou'></view>
36 </navigator> 112 </navigator>
37 - <navigator class='my_item' url='/pages/img_txt/img_txt' hover-class="none" url='/pages/img_txt/img_txt?status=2'> 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'>
38 <view class='my_itemletf'> 132 <view class='my_itemletf'>
39 - <view class='iconfont icon-renyuanxiaozu'></view>关于我们 133 + <view class='iconfont'>
  134 + <image src="/imgs/ac12.png"></image>
  135 + </view>联系我们
40 </view> 136 </view>
41 <view class='iconfont icon-xiangyou'></view> 137 <view class='iconfont icon-xiangyou'></view>
42 </navigator> 138 </navigator>
43 - <navigator class='my_item' url='/pages/my/my_active/my_active' hover-class="none"> 139 +
  140 + <navigator class='my_item' url='/pages/img_txt/img_txt' hover-class="none" url='/pages/img_txt/img_txt?status=2'>
44 <view class='my_itemletf'> 141 <view class='my_itemletf'>
45 - <image src='/imgs/activity-close-open@2x.png' mode='widthFix'></image>参与过的活动 142 + <view class='iconfont '>
  143 + <image src="/imgs/ac13.png"></image>
  144 + </view>关于我们
46 </view> 145 </view>
47 <view class='iconfont icon-xiangyou'></view> 146 <view class='iconfont icon-xiangyou'></view>
48 </navigator> 147 </navigator>
49 148
  149 +
  150 +
  151 +
50 <view class='my_item' bindtap='goamdin' wx:if='{{datalist.type=="2"}}' data-type="1"> 152 <view class='my_item' bindtap='goamdin' wx:if='{{datalist.type=="2"}}' data-type="1">
51 <view class='my_itemletf'> 153 <view class='my_itemletf'>
52 <view class='iconfont icon-gongzhang'></view>管理员审核 154 <view class='iconfont icon-gongzhang'></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;
  71 +}
  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 +
49 } 116 }
50 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 +
  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 +})
  1 +{
  2 + "usingComponents": {}
  3 +}
  1 +<view>
  2 +
  3 +
  4 + 活动打卡
  5 +</view>
  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 + "usingComponents": {},
  3 + "navigationBarTitleText": "我的收货地址"
  4 +}
  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 +}
  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 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "我的收货地址"
  4 +}
  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>
  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 + "usingComponents": {},
  3 +"navigationBarTitleText": "电子证件"
  4 +}
  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 +}
  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 +})
  1 +{
  2 + "usingComponents": {}
  3 +}
  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>
  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 +}
  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 +})
  1 +{
  2 + "usingComponents": {}
  3 +}
  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>
  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 +}
  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 +})
  1 +{
  2 + "usingComponents": {}
  3 +}
  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>
  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 +}
@@ -6,20 +6,33 @@ @@ -6,20 +6,33 @@
6 "setting": { 6 "setting": {
7 "urlCheck": false, 7 "urlCheck": false,
8 "es6": true, 8 "es6": true,
  9 + "enhance": false,
9 "postcss": true, 10 "postcss": true,
  11 + "preloadBackgroundData": false,
10 "minified": true, 12 "minified": true,
11 "newFeature": true, 13 "newFeature": true,
12 "coverView": true, 14 "coverView": true,
  15 + "nodeModules": false,
13 "autoAudits": false, 16 "autoAudits": false,
  17 + "showShadowRootInWxmlPanel": true,
  18 + "scopeDataCheck": false,
  19 + "uglifyFileName": true,
14 "checkInvalidKey": true, 20 "checkInvalidKey": true,
15 "checkSiteMap": true, 21 "checkSiteMap": true,
16 "uploadWithSourceMap": true, 22 "uploadWithSourceMap": true,
  23 + "compileHotReLoad": false,
  24 + "useMultiFrameRuntime": false,
  25 + "useApiHook": false,
17 "babelSetting": { 26 "babelSetting": {
18 "ignore": [], 27 "ignore": [],
19 "disablePlugins": [], 28 "disablePlugins": [],
20 "outputPath": "" 29 "outputPath": ""
21 }, 30 },
22 - "uglifyFileName": true 31 + "useIsolateContext": true,
  32 + "useCompilerModule": true,
  33 + "userConfirmedUseCompilerModuleSwitch": false,
  34 + "packNpmManually": false,
  35 + "packNpmRelationList": []
23 }, 36 },
24 "compileType": "miniprogram", 37 "compileType": "miniprogram",
25 "libVersion": "2.8.3", 38 "libVersion": "2.8.3",
@@ -61,6 +74,82 @@ @@ -61,6 +74,82 @@
61 "pathName": "pages/word_report/word_report", 74 "pathName": "pages/word_report/word_report",
62 "query": "id=17&status=1", 75 "query": "id=17&status=1",
63 "scene": null 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
64 } 153 }
65 ] 154 ]
66 } 155 }