静态页面

src/pages/HuoDong/HuoDongDetail/index.css

@@ -45,6 +45,7 @@
   line-height: 40px;
   width: 100%;
   display: block;
+  padding-top: 20px;
   margin-top: 10px;
   position: relative;
   z-index: 1;
@@ -109,3 +110,67 @@
 .HuoDongDetail > .Info > .BottomBtn.active {
   background: #F35844;
 }
+.HuoDongDetail .JoinNumLayer {
+  width: 100%;
+  position: fixed;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  display: none;
+  background: rgba(0, 0, 0, 0.7);
+}
+.HuoDongDetail .JoinNumLayer.active {
+  display: block;
+}
+.HuoDongDetail .JoinNumLayer > view {
+  width: 80%;
+  background: #fff;
+  border-radius: 12px;
+  overflow: hidden;
+}
+.HuoDongDetail .JoinNumLayer > view > text {
+  display: block;
+  font-size: 28px;
+  color: #333;
+  line-height: 40px;
+  margin-top: 20px;
+  text-align: center;
+}
+.HuoDongDetail .JoinNumLayer > view > .Form {
+  align-items: center;
+  margin-top: 20px;
+  padding: 30px;
+}
+.HuoDongDetail .JoinNumLayer > view > .Form > view:first-child {
+  margin-right: 20px;
+}
+.HuoDongDetail .JoinNumLayer > view > .Form > view:first-child > text {
+  font-size: 26px;
+  color: #333;
+  line-height: 40px;
+  text-indent: 30px;
+  display: block;
+}
+.HuoDongDetail .JoinNumLayer > view > .Form > view.flex-item > input {
+  font-size: 26px;
+  color: #333;
+  line-height: 40px;
+  height: 40px;
+}
+.HuoDongDetail .JoinNumLayer > view > .Bottom {
+  align-items: center;
+  border-top: 2px solid rgba(0, 0, 0, 0.08);
+  margin-top: 20px;
+}
+.HuoDongDetail .JoinNumLayer > view > .Bottom > view:first-child {
+  border-right: 2px solid rgba(0, 0, 0, 0.08);
+}
+.HuoDongDetail .JoinNumLayer > view > .Bottom > view > text {
+  width: 100%;
+  display: block;
+  text-align: center;
+  font-size: 26px;
+  color: #666;
+  line-height: 80px;
+}

src/pages/HuoDong/HuoDongDetail/index.jsx

@@ -61,15 +61,18 @@ export default function HuoDongDetail () {
 
   const ToSetJoinBtnText = () => {
     if (ActivityDetail.activityStatus - 0 === 2) {
+      setJoinBtnStatus(false)
       setJoinBtnText(`已结束`)
       return false
     } else {
       if (HasSign) {
+        setJoinBtnStatus(false)
         setJoinBtnText(`已签到`)
         return false
       } else {
         if (HasJoin) {
           if (ActivityDetail.activityStatus - 0 === 1) {
+            setJoinBtnStatus(false)
             setJoinBtnText(`已报名`)
           } else if (ActivityDetail.activityStatus - 0 === 0) {
             setJoinBtnStatus(true)
@@ -82,6 +85,7 @@ export default function HuoDongDetail () {
             setJoinBtnText(`去报名`)
             return false
           } else {
+            setJoinBtnStatus(false)
             setJoinBtnText(null)
             return false
           }
@@ -124,12 +128,13 @@ export default function HuoDongDetail () {
     if (DataLock || ActivityDetail === null || !JoinBtnStatus) return
     setDataLock(true)
     if (JoinBtnText === '去签到') {
+      setDataLock(false)
       Taro.navigateTo({ url: `/pages/HuoDong/HuoDongSign/index?id=${ActivityDetail.dynamicId}` })
     } else {
       const { phone } = user
+      setDataLock(false)
       if (!phone) { // 未授权手机号，唤起授权手机号弹窗
         setShowGetUserPhoneLayer(true)
-        setDataLock(false)
         return false
       }
       setShowJoinNumPopup(true)

src/pages/HuoDong/HuoDongDetail/index.less

@@ -48,6 +48,7 @@
         line-height: 40px;
         width: 100%;
         display: block;
+        padding-top: 20px;
         margin-top: 10px;
         position: relative;
         z-index: 1;