Merge branch 'xieying' of gitadmin/tuoheng_qmhh_web into develop

api/learining.js

@@ -0,0 +1,16 @@
+const {request} = require("../request/index")
+
+export const api_westreamVideo = function (data) {
+    return request({
+        url: '/westreamVideo/index',
+        method: 'GET',
+        data
+    })
+}
+export const api_updateProgress = function (data) {
+    return request({
+        url: '/westreamVideo/updateProgress',
+        method: 'PUT',
+        data
+    })
+}

api/volunteer.js

@@ -0,0 +1,16 @@
+const {request} = require("../request/index")
+
+export const api_westreamActivity = function (data) {
+    return request({
+        url: '/westreamActivity/index',
+        method: 'GET',
+        data
+    })
+}
+export const api_Activitysubmit = function (data) {
+    return request({
+        url: '/westreamActivityApply/submit',
+        method: 'POST',
+        data
+    })
+}

app.json

@@ -52,7 +52,11 @@
                 "pages/ProtectionSuggestion/index",
                 "pages/ProtectionActivity/index",
                 "pages/AttentionMethod/index",
-                "pages/AddPicture/index"
+                "pages/AddPicture/index",
+                "pages/LearningVideo/index",
+                "pages/VolunteerActivity/index",
+                "pages/VolunteerDetail/index",
+                "pages/ActivityApply/index"
 
             ]
         },

package_first/pages/ActivityApply/index.js

@@ -0,0 +1,66 @@
+// package_first/pages/ActivityApply/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

package_first/pages/ActivityApply/index.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

package_first/pages/ActivityApply/index.wxml

@@ -0,0 +1,2 @@
+<!--package_first/pages/ActivityApply/index.wxml-->
+<text>package_first/pages/ActivityApply/index.wxml</text>

package_first/pages/ActivityApply/index.wxss

@@ -0,0 +1 @@
+/* package_first/pages/ActivityApply/index.wxss */

package_first/pages/AddPicture/index.js

@@ -68,7 +68,8 @@ Page({
     //上传图片
     uploadImage(){
         wx.chooseMedia({
-          count: 1 - this.data.imageList.length, // 最多可以选择的图片张数，默认9
+          count: 1, // 最多可以选择的图片张数，默认9
+        //   count: 1 - this.data.imageList.length, // 最多可以选择的图片张数，默认9
           mediaType: ['image'], // 图片
           sizeType: ['original'], // original 原图，compressed 压缩图，默认二者都有
           sourceType: ['album', 'camera'], // album 从相册选图，camera 使用相机，默认二者都有
@@ -77,10 +78,10 @@ Page({
                   return item.tempFilePath
               })
               // success
-              let imagePreviewList = this.data.imagePreviewList.concat(list)
-              let imageList = this.data.imageList.concat(list);
+              let imagePreviewList = list
+              let imageList = list;
               this.setData({ imageList, imagePreviewList })
-              this.validate('imageList')
+            //   this.validate('imageList')
           },
           fail: (e) => {
               console.log(e);

package_first/pages/AddPicture/index.wxml

@@ -3,7 +3,10 @@
     <view class="add_container">
         <view class="title">上传图片</view>
             <view class="upload_image" bindtap="uploadImage">
-                <view>
+                <view class="add_imageList" wx:for="{{imageList}}" wx:key="index">
+                    <image style="width:100%;" mode="widthFix" src="{{item}}"></image>
+                </view>
+                <view wx:if="{{imageList.length<1}}" class="upload_part">
                     <image style="height: 70rpx;width:70rpx;" mode="widthFix" src="../../../assets/img/upload.png"></image>
                     <view class="upload_text">上传图片</view>
                 </view>

package_first/pages/AddPicture/index.wxss

@@ -4,7 +4,6 @@
     margin: 80rpx 30rpx 0rpx 30rpx;
 }
 .title{
-    width: 124rpx;
     height: 30rpx;
     font-size: 32rpx;
     font-family: Source Han Sans CN;
@@ -23,13 +22,17 @@
 }
 .upload_image{
     width:calc(100% - 60rpx);
-    height: 265rpx;
+    min-height: 265rpx;
     border: 4rpx dotted #006DF7;
     border-radius: 10rpx;
     text-align: center;
-    padding: 70rpx 0rpx 0rpx 0rpx;
     margin: 52rpx 0rpx 192rpx 0rpx;
 }
+
+.upload_part {
+    padding-top: 70rpx;
+}
+
 .upload_text{
     font-size: 32rpx;
     font-family: Source Han Sans CN;
@@ -46,4 +49,8 @@
     background-color: #2878ff;
     height: 80rpx;
     line-height: 80rpx;
+}
+
+.add_imageList {
+    width: 100%;
 }

package_first/pages/LearningVideo/index.js

@@ -0,0 +1,109 @@
+// package_first/pages/LearningVideo/index.js
+import {api_westreamVideo} from  '../../../api/learining';
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        list:[],
+        entersList:[
+            {
+                title:'未学习',
+                isstudy:false
+            },
+            {
+                title:'学习中',
+                isstudy:false
+            },
+            {
+                title:'已学习',
+                isstudy:false
+            }
+        ],
+        userPage:{
+            page:1,
+            limit:10
+        },
+        total:0,
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+        this.westreamVideo()
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    },
+    westreamVideo(){
+        const tenantObj = wx.getStorageSync('tenant')
+        const openid = wx.getStorageSync('openid')
+        let data = {
+            tenantId:tenantObj.tenantId,
+            openid : openid,
+            ...this.data.userPage
+        }
+        api_westreamVideo(data).then(res=>{
+            let list = [...this.data.list,...res.data.records]
+            let total = res.data.total
+            this.setData({
+                total,
+                list,
+            })
+            if(list.status == 0){
+                data.entersList[0].isstudy = true
+            }else if(list.status == 1){
+                data.entersList[1].isstudy = true
+            }
+        })
+    }
+
+})

package_first/pages/LearningVideo/index.json

@@ -0,0 +1,8 @@
+{
+    "usingComponents": {
+        "list": "../../../components/List/index",
+        "ImageList": "../../../components/ImageList/index"
+    },
+    "navigationBarTitleText": "学习视频",
+    "navigationBarBackgroundColor": "#DBE8FF"
+}

package_first/pages/LearningVideo/index.wxml

@@ -0,0 +1,16 @@
+<!--package_first/pages/LearningVideo/index.wxml-->
+<view class="LearningVideo_container">
+    <view class="part" wx:for="{{list}}" wx:key="index">
+        <view><image class="sutdy_picture" src="{{item.imageUrl}}" mode=""/></view>
+        <view class="cotent">
+            <view class="title">
+                <view class="title_text">{{item.videoTitle}}</view>
+                    <view class="{{item.status==2?'item__tag sutdying':item.status==1?'item__tag no--sutdy':'item__tag is--sutdy'}}">
+                        {{item.status==2?'学习中':item.status==1?'待学习':'已学习'}}
+                    </view>
+            </view>
+            <view class="title_content">{{item.videoBrief}}</view>
+        </view>
+    </view>
+    <view class="bottom">- 更多视频 敬请期待 -</view>
+</view>

package_first/pages/LearningVideo/index.wxss

@@ -0,0 +1,82 @@
+/* package_first/pages/LearningVideo/index.wxss */
+.LearningVideo_container{
+    height: 100vh;
+    background: #F2F6F9;
+    padding: 0 30rpx 0 29rpx;
+}
+.part{
+    padding: 32rpx 10rpx 31rpx 30rpx;
+    height: 283rpx;
+    background: #FFFFFF;
+    box-shadow: 0px 0px 14px 2px rgba(43,93,184,0.09);
+    border-radius: 20px;
+    display: flex;
+    margin-bottom: 21rpx;
+    margin-top: 2rpx;
+}
+.sutdy_picture{
+    width: 296rpx;
+    height: 220rpx;
+    background-color: black;
+    background: #B5B5B5;
+    border-radius: 10rpx;
+}
+.cotent{
+    padding: 20rpx 10rpx 0 23rpx;
+}
+.title{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content:space-between;
+
+}
+.title_text{
+    width: 224rpx;
+    font-size: 32rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 500;
+    color: #000000;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.item__tag{
+    width: 84rpx;
+    height: 34rpx;
+    border-radius: 4rpx;
+    font-size: 24rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #FFFFFF;
+    line-height: 36rpx;
+    text-align: center;
+    float: right;
+}
+.title_content{
+    width: 328rpx;
+    height: 117rpx;
+    font-size: 28rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #767881;
+    line-height: 45rpx;
+    padding-top: 24rpx;
+}
+.is--sutdy{
+    background: #006DF7;
+}
+.no--sutdy{
+    background: #EBAC14;
+}
+.sutdying{
+    background-color: #1BE9BC;
+}
+.bottom{
+    font-size: 26rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #C5C5C5;
+    line-height: 36rpx;
+    text-align: center;
+    margin-top: 27rpx;
+}

package_first/pages/ProtectionActivity/index.js

@@ -21,7 +21,7 @@ Page({
             {
                 title:'学习视频',
                 iconPath:'../../../assets/img/video.png',
-                path: '2',
+                path: '/package_first/pages/LearningVideo/index',
                 isJoin: false,
                 isShow: true
                 // type: 'video'
@@ -29,7 +29,7 @@ Page({
             {
                 title:'志愿者活动',
                 iconPath:'../../../assets/img/volunteer.png',
-                path: '3',
+                path: '/package_first/pages/VolunteerActivity/index',
                 isJoin: false,
                 isShow: true
                 // type: 'activity'

package_first/pages/ProtectionActivity/index.json

@@ -3,5 +3,6 @@
         "list": "../../../components/List/index",
         "ImageList": "../../../components/ImageList/index"
     },
-    "navigationStyle": "custom"
+    "navigationBarTitleText": "护河建议",
+    "navigationBarBackgroundColor": "#2E7BF3"
 }

package_first/pages/ProtectionActivity/index.wxml

@@ -1,8 +1,8 @@
 <!--package_first/pages/ProtectionActivity/index.wxml-->
-<view class="pageContainer">
+<!-- <view class="pageContainer">
     <image class="navBg" mode="widthFix" src="../../../assets/img/activitytitle.png" />
     <image class="home" bindtap="homepage" src="../../../assets/img/back.png" mode=""/>
-</view>
+</view> -->
 <view class="activity_container">
     <view class="top">
         <image class="activity_bg" src="../../../assets/img/activitybg.png" mode=""/>

package_first/pages/ProtectionActivity/index.wxss

@@ -1,12 +1,12 @@
 /* package_first/pages/ProtectionActivity/index.wxss */
 
-.navBg {
+/* .navBg {
     width: 100%;
     position: absolute; 
     top: 0;
-}
+} */
 .activity_container{
-    margin-top: 175rpx;
+    /* margin-top: 175rpx; */
     width: 103%;
     height: 1664rpx;
     background-color: #F2F3F6;

package_first/pages/ProtectionSuggestion/index.js

@@ -1,4 +1,5 @@
 // package_first/pages/ProtectionSuggestion/ProtectionSuggestion.js
+// import { PostProcess } from 'XrFrame/xrFrameSystem';
 import { api_westreamSuggest,
     api_getUserInfo
 } from  '../../../api/suggestion';
@@ -11,6 +12,7 @@ Page({
         form : {
             content:''
         },
+        dialogShow:false,
         userInfo:{},
         formRules: {
             content: {
@@ -78,6 +80,14 @@ Page({
 
     },
     
+    // 关闭弹窗
+    colseDialog(){
+        console.log(111);
+        wx.switchTab({
+          url: '/pages/FirstPage/index',
+        })
+    },
+
     remarkInputAction(options){
         let content= options.detail.value
         this.setData({
@@ -118,12 +128,10 @@ Page({
                 suggestName:this.data.form.content
             }
             api_westreamSuggest(data).then(res=>{
-                wx.showToast({
-                    title: '提交成功',
-                    icon:'none',
-                    duration:2000
-                  })
-
+                let dialogShow = true
+                this.setData({
+                    dialogShow,
+                })
             })
         }
     },

package_first/pages/ProtectionSuggestion/index.wxml

@@ -17,4 +17,9 @@
             </view>
         </view>
     </view>
+    <view class="submit_suggestion_dialog">
+        <view class="submit_suggestion_bg" wx:if="{{dialogShow}}"></view>
+        <image class="submit_suggestion" wx:if="{{dialogShow}}" src="../../../assets/img/submitsuggestion.png" mode=""/>
+        <view class="close_submit_suggestion" bindtap="colseDialog" wx:if="{{dialogShow}}"></view>
+    </view>
 </view>

package_first/pages/ProtectionSuggestion/index.wxss

@@ -79,3 +79,30 @@
     height: 80rpx;
     line-height: 80rpx;
 }
+.submit_suggestion{
+    width: 609rpx;
+    height: 419rpx;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+}
+
+.submit_suggestion_bg {
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba(000, 000,000, 0.4);
+    position: fixed;
+    left: 0;
+    top: 0;
+}
+
+.close_submit_suggestion {
+    width: 50rpx;
+    height: 50rpx;
+    border-radius: 50%;
+    position: fixed;
+    top: 38%;
+    left: 78.5%;
+    z-index: 999;
+}

package_first/pages/VolunteerActivity/index.js

@@ -0,0 +1,117 @@
+// package_first/pages/volunteerActivity/index.js
+import {api_westreamActivity} from  '../../../api/volunteer';
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        list:[],
+        userPage:{
+            page:1,
+            limit:10
+        },
+        total:0,
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+        this.westreamActivity()
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    },
+
+    formatDate(dateString) {
+        const date = new Date(dateString);
+        const year = date.getFullYear();
+        const month = ("0" + (date.getMonth() + 1)).slice(-2);
+        const day = ("0" + date.getDate()).slice(-2);
+        return `${year}年${month}月${day}日`;
+      },
+
+    westreamActivity(){
+        const tenantObj = wx.getStorageSync('tenant')
+        let data = {
+            tenantId:tenantObj.tenantId,
+            ...this.data.userPage
+        }
+        api_westreamActivity(data).then(res=>{
+            let list =[]
+            if(this.data.userPage.page==1){
+                list =res.data.records
+            }else{
+                list = [...this.data.list,...res.data.records]
+            }
+            let total = res.data.total
+            list = list.reduce((pre,item)=>{
+                return [...pre,{
+                    ...item,
+                    activityBeginTime:this.formatDate(item.activityBeginTime),
+                    activityEndTime:this.formatDate(item.activityEndTime)
+                }]
+            },[])
+            this.setData({
+                total,
+                list,
+            }),
+            // res.activityBeginTime = res.activityBeginTime.replace(/\s[\x00-\xff]*/g,'')
+            console.log(res);
+            
+        })
+    },
+    showDetail(e) {
+        let data = JSON.stringify(e.currentTarget.dataset.item)
+        wx.navigateTo({
+            url: '/package_first/pages/VolunteerDetail/index?data='+ encodeURIComponent(data),
+        })
+    }
+})

package_first/pages/VolunteerActivity/index.json

@@ -0,0 +1,8 @@
+{
+    "usingComponents": {
+        "list": "../../../components/List/index",
+        "ImageList": "../../../components/ImageList/index"
+    },
+    "navigationBarTitleText": "志愿者活动",
+    "navigationBarBackgroundColor": "#3275E9"
+}

package_first/pages/VolunteerActivity/index.wxml

@@ -0,0 +1,29 @@
+<!--package_first/pages/volunteerActivity/index.wxml-->
+<view class="volunteerActivity_container">
+    <view>
+        <view class="part" wx:for="{{list}}" wx:key="index">
+            <view>
+                <image class="activity_image" src="{{item.imageUrl}}" mode=""/>
+            </view>
+            <view class="part_middle">
+                <view class="activity">
+                    <view class="activity_name">{{item.activityTitle}}</view>
+                    <view class="{{item.status==2?'activity_tag is_apply':item.status==1?'activity_tag no_apply':'activity_tag over_apply'}}">
+                        {{item.status==2?'报名进行中':item.status==1?'报名未开始':'报名已结束'}}
+                    </view>
+                </view>
+                <view class="activity_date">
+                    <view class="dot"></view>
+                    <view class="activity_time">{{item.activityBeginTime}}～{{item.activityEndTime}}</view>
+                </view>
+            </view>
+            <view class="activity_bottom">
+                <view>
+                    <view class="apply" wx:if="{{item.status==2}}">立即报名</view>
+                    <view class="join" bindtap="showDetail" data-item="{{item}}">进入活动 》</view>
+                </view>
+            </view>
+        </view>
+    <view class="bottom">- 更多视频 敬请期待 -</view>
+    </view>
+</view>

package_first/pages/VolunteerActivity/index.wxss

@@ -0,0 +1,105 @@
+/* package_first/pages/volunteerActivity/index.wxss */
+.volunteerActivity_container{
+    width: 100%;
+    height: 100vh;
+    background: #F2F6F9;
+    padding: 30rpx;
+}
+.part{
+    width: calc(100%-60rpx);
+    background-color:#FFFFFF ;
+    margin-bottom: 19rpx;
+    padding-bottom: 19rpx;
+}
+.activity_image{
+    width: 100%;
+    height: 277rpx;
+    border-radius: 10rpx;
+}
+.activity{
+    display: flex;
+    flex-wrap: wrap;
+}
+.activity_name{
+    font-size: 34rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #000000;
+}
+.part_middle{
+    margin: 31rpx 31rpx 22rpx 27rpx;
+    border-bottom: 2rpx solid #E1E1E1;
+    padding-bottom:38rpx ;
+}
+.activity_tag{
+    width: 140rpx;
+    height: 42rpx;
+    border-radius: 4rpx;
+    font-size: 24rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #FFFFFF;
+    line-height: 36rpx;
+    text-align: center;
+    margin-left: 39rpx;
+}
+.is_apply{
+    background: #006DF7;
+}
+.no_apply{
+    background: #1BE9BC;
+}
+.over_apply{
+    background: #EBAC14;
+}
+.activity_date{
+    display: flex;
+    line-height: 14rpx;
+    padding: 38rpx 38rpx 0 6rpx;
+}
+.dot{
+    width: 14rpx;
+    height: 14rpx;
+    background: #3275E9;
+    margin-right: 18rpx;
+}
+.activity_time{
+    background: #FFFFFF;
+    border-radius: 10px;
+}
+.activity_bottom{
+    position: relative;
+    padding: 0 30rpx 35rpx 33rpx;
+}
+.join{
+    position: absolute;
+    top: 0;
+    right: 0;
+    font-size: 32rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #3275E9;
+    line-height: 36rpx;
+
+}
+.apply{
+    width: 125rpx;
+    height: 42rpx;
+    background: #006DF7;
+    border-radius: 4rpx;
+    font-size: 24rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #FFFFFF;
+    line-height: 36rpx;
+    text-align: center;
+}
+.bottom{
+    font-size: 26rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #C5C5C5;
+    line-height: 36rpx;
+    text-align: center;
+    margin-top: 27rpx;
+}

package_first/pages/VolunteerDetail/index.js

@@ -0,0 +1,100 @@
+// package_first/pages/VolunteerDetail/index.js
+import {api_westreamActivity} from  '../../../api/volunteer';
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        activityInfo:{},
+        list:[],
+        userPage:{
+            page:1,
+            limit:10
+        },
+        total:0,
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+        let data = JSON.parse(decodeURIComponent(options.data))
+        data.applyBeginTime = this.formatDate(data.applyBeginTime)
+        data.applyEndTime = this.formatDate(data.applyEndTime)
+        this.setData({
+            activityInfo:data
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    formatDate(dateString) {
+        const date = new Date(dateString);
+        const year = date.getFullYear();
+        const month = ("0" + (date.getMonth() + 1)).slice(-2);
+        const day = ("0" + date.getDate()).slice(-2);
+        return `${year}年${month}月${day}日`;
+      },
+      goApply(e){
+        //   if(status == 2){
+        //       console.log(this.data.status);
+        //     wx.navigateTo({
+        //         url:"/package_first/pages/ActivityApply/index"
+        //     })
+        //   }else{
+        //     wx.showToast({
+        //         title: '不在报名时间',
+        //         icon:'none'
+        //       })
+        //   }
+             wx.navigateTo({
+                url:"/package_first/pages/ActivityApply/index"
+            })
+      },
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

package_first/pages/VolunteerDetail/index.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

package_first/pages/VolunteerDetail/index.wxml

@@ -0,0 +1,22 @@
+<!--package_first/pages/VolunteerDetail/index.wxml-->
+<view class="VolunteerDetail_container">
+    <view class="main">
+        <view class="content">
+            {{activityInfo.intro}}
+        </view>
+        <view >
+            <image class="Volunteer_image" src="{{activityInfo.imageUrl}}" mode=""/>
+        </view>
+        <view class="apply_time">
+            <view class="apply">报名时间:</view>
+            <view class="time">{{activityInfo.applyBeginTime}}～{{activityInfo.applyEndTime}}</view>
+        </view>
+        <view class="activity_time">
+            <view class="activity">活动时间:</view>
+            <view class="time_act">{{activityInfo.activityBeginTime}}～{{activityInfo.activityEndTime}}</view>
+        </view>
+    </view>
+            <view class="button" bindtap="goApply">
+                报名
+            </view>
+</view>

package_first/pages/VolunteerDetail/index.wxss

@@ -0,0 +1,75 @@
+/* package_first/pages/VolunteerDetail/index.wxss */
+.VolunteerDetail_container{
+    width: 100%;
+    height: 100vh;
+    background: #F2F6F9;
+    padding: 30rpx 29rpx 24 prx 60rpx;
+}
+.main{
+    width: calc(100% - 60rpx);
+    background: #FFFFFF;
+    box-shadow: 0rpx 0rpx 14rpx 2rpx rgba(43,93,184,0.09);
+    border-radius: 20rpx;
+    margin-left: 30rpx;
+    padding: 62rpx 30rpx 56rpx 29rpx ;
+}
+.content{
+    font-size: 30rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #000000;
+    line-height: 48rpx;
+    margin-bottom:40rpx;
+}
+.Volunteer_image{
+    width: 100%;
+    height: 340rpx;
+    border-radius: 10rpx;
+}
+.apply{
+    font-size: 30rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #000000;
+    line-height: 48rpx;
+    margin: 30rpx 0 31rpx 0;
+}
+.time_act{
+    width: 645rpx;
+    height: 66rpx;
+    background: rgba(50, 117, 233, 0.2);
+    border-radius: 4rpx;
+    font-size: 30rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: #3275E9;
+    text-align: center;
+    line-height:66rpx;
+}
+.time{
+    width: 645rpx;
+    height: 66rpx;
+    background: rgba(16, 177, 255, 0.2);
+    border-radius: 4rpx;
+    font-size: 30rpx;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    color: rgba(16, 177, 255, 1);
+    text-align: center;
+    line-height:66rpx;
+}
+.activity{
+    margin: 31rpx 0 30rpx 0;
+}
+.button{
+    width:calc(100% - 60rpx);
+    text-align: center;
+    border-radius: 32rpx;
+    color: white;
+    background-color: #2878ff;
+    position: absolute;
+    bottom: 24rpx;
+    height: 90rpx;
+    line-height: 80rpx;
+    margin: 0 30rpx 0 30rpx;
+}

package_first/pages/beautyList/index.wxml

@@ -2,7 +2,7 @@
 <view class="beauty_container">
     <!-- 列表 -->
     <list id="list" class="beauty_list" url="{{current}}" bind:update-list="updateList" list="{{list}}" bind:reset-list="resetList" params="{{params}}">
-        <view class="beauty_item" data-item="{{item}}" bindtap="showDetail" wx:for="{{list}}" wx:key="index">
+        <view class="beauty_item" data-item="{{item}}" bindtap="showDetail" bindtap="showDetail" wx:for="{{list}}" wx:key="index">
             <view class="item_head">
                 <image class="user_avatar" src="{{item.headimgurl}}"></image>
                 <view class="other_info">

pages/FirstPage/index.wxml

@@ -17,7 +17,7 @@
                 <image class="enter_icon" src="{{item.iconPath}}"></image>
                 <text class="enter_title">{{item.title}}</text>
             </view>
-        </view>
+        </view> 
 
         <!-- 在线人数 -->
         <view class="live_box">

project.private.config.json

@@ -175,6 +175,27 @@
                     "query": "",
                     "launchMode": "default",
                     "scene": null
+                },
+                {
+                    "name": "学习视频",
+                    "pathName": "package_first/pages/LearningVideo/index",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
+                {
+                    "name": "志愿者活动",
+                    "pathName": "package_first/pages/VolunteerActivity/index",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
+                {
+                    "name": "志愿者活动详情",
+                    "pathName": "package_first/pages/VolunteerDetail/index",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
                 }
             ]
         }