静态页面

project.config.json

@@ -27,7 +27,7 @@
 			"outputPath": ""
 		},
 		"useIsolateContext": true,
-		"useCompilerModule": true,
+		"useCompilerModule": false,
 		"userConfirmedUseCompilerModuleSwitch": false
 	},
 	"compileType": "miniprogram",

src/components/GetUserPhone/index.jsx

@@ -0,0 +1,34 @@
+import React, { useState } from 'react'
+import { Button } from '@tarojs/components'
+import request, { apis } from '@/utils/request'
+import '@/assets/css/reset.less'
+import '@/assets/css/iconfont.less'
+import './index.less'
+
+export default function GetUserPhone (props) {
+
+  const ToGetUserPhone = (e) => { // 授权手机号
+    request({
+      ...apis.getUserPhone,
+      params: {
+        sessionKey: e.detail.cloudId,
+        encryptedData: e.detail.encryptedData,
+        iv: e.detail.iv
+      }
+    }).then((res) => {
+      console.log(res)
+    })
+  }
+
+  return (
+    <view className='GetUserPhone'>
+      <view className='centerLabel'>
+        <text>您暂未授权手机号</text>
+        <view className='flex-h'>
+          <text className='flex-item'>取消</text>
+          <Button className='flex-item' open-type='getPhoneNumber' lang='zh_CN' onGetphonenumber={ToGetUserPhone}>授权手机</Button>
+        </view>
+      </view>
+    </view>
+  )
+}

src/components/GetUserPhone/index.less

@@ -0,0 +1,16 @@
+.GetUserPhone {
+  width: 100%;
+  position: fixed !important;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 1000;
+  background: rgba(0, 0, 0, 0.7);
+
+  >view {
+    width: 60%;
+    padding: 20px;
+    background: #fff;
+    border-radius: 10px;
+  }
+}

src/pages/HuoDong/HuoDongDetail/index.jsx

@@ -1,13 +1,17 @@
 import React, { useState, useEffect } from 'react'
 import Taro, { Current } from '@tarojs/taro'
-import { RichText } from '@tarojs/components'
+import { RichText, Button } from '@tarojs/components'
 import request, { apis } from '@/utils/request'
+import { useModel } from '@/store'
+import GetUserPhone from '@/components/GetUserPhone/index'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
 
 export default function HuoDongDetail (props) {
 
+  const { user } = useModel('user')
+  const [ShowGetUserPhoneLayer, setShowGetUserPhoneLayer] = useState(false)
   const [CurrnetHuoDongId] = useState(Current.router.params.id) // 当前活动id
   const [ActivityDetail, setActivityDetail] = useState(null) // 活动详情
 
@@ -21,8 +25,18 @@ export default function HuoDongDetail (props) {
     })
   }
 
+  const ToJoin = () => { // 去报名
+    const { personId, phone } = user
+    const { dynamicId } = ActivityDetail
+    console.log(personId, phone, dynamicId)
+  }
+
   return (
     <view className='HuoDongDetail'>
+      {
+        ShowGetUserPhoneLayer &&
+        <GetUserPhone></GetUserPhone>
+      }
       <view className='BannerLayer'></view>
       {
         ActivityDetail !== null &&
@@ -35,7 +49,7 @@ export default function HuoDongDetail (props) {
         <view className='Info'>
           <view className='MainInfo'>
             <text className='Name'>{ActivityDetail.title}</text>
-            <text className='Tips'>{ActivityDetail.enlistNum}人已报名</text>
+            <text className='Tips'>{ActivityDetail.enlisted}人已报名</text>
             <view className='flex-h'>
               <text>活动时间：</text>
               <view className='flex-item'>{ActivityDetail.startDate}<text>限{ActivityDetail.enlistNum}人</text></view>
@@ -52,10 +66,10 @@ export default function HuoDongDetail (props) {
 
           <view className='Desc'>
             <text>活动介绍</text>
-            <RichText nodes={null}></RichText>
+            <RichText nodes={ActivityDetail.desc}></RichText>
           </view>
 
-          <text className='BottomBtn'>立即参加</text>
+          <text className='BottomBtn' onClick={ToJoin}>立即参加</text>
 
         </view>
       }

src/pages/ShouYe/ZiXun/index.jsx

@@ -21,7 +21,7 @@ export default function ShouYeZiXun (props) {
   }, [PageNum])
 
   const GetNewsList = (done = () => { }) => { // 获取资讯列表
-    request({ ...apis.getNewsList, params: { pageNum: PageNum, pageSize: 6 } }).then((res) => {
+    request({ ...apis.getNewsList, params: { pageNumber: PageNum, pageSize: 6 } }).then((res) => {
       if (PageNum === 1) {
         setNewsList([...res.records])
       } else {

src/pages/ShouYe/index.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import NavHeader from '@/components/NavHeader/index'
+import GetUserPhone from '@/components/GetUserPhone/index'
 import { Swiper, SwiperItem, Text } from '@tarojs/components'
 import request, { apis } from '@/utils/request'
 import { useModel } from '@/store'
@@ -13,6 +14,7 @@ import './index.less'
 export default function Index (props) {
 
   const { user } = useModel('user')
+  const [ShowGetUserPhoneLayer, setShowGetUserPhoneLayer] = useState(true)
   const [ShowAdvLayer, setShowAdvLayer] = useState(false)
   const [IsPull, setIsPull] = useState(false)
   const [OwnerList] = useState([
@@ -123,6 +125,10 @@ export default function Index (props) {
   return (
     <Page>
       <view className='ShouYe flex-v'>
+        {
+          ShowGetUserPhoneLayer &&
+          <GetUserPhone></GetUserPhone>
+        }
         <NavHeader BgColor='#f35844' Title='首页'></NavHeader>
         <view className='flex-item'>
 

src/utils/api.js

@@ -1,6 +1,10 @@
 const prefix = `${HOST}/api/wx`
 
 const $api = {
+  getUserPhone: { // 获取用户手机号
+    method: 'post',
+    url: `${prefix}/userPhone`
+  },
   getActivityList: { // 获取活动列表
     method: 'get',
     url: `${prefix}/buildingDynamiceList`