静态页面

project.config.json

@@ -26,10 +26,10 @@
 			"disablePlugins": [],
 			"outputPath": ""
 		},
+		"bundle": false,
 		"useIsolateContext": true,
 		"useCompilerModule": false,
 		"userConfirmedUseCompilerModuleSwitch": false,
-		"bundle": false,
 		"useMultiFrameRuntime": false,
 		"useApiHook": true,
 		"enableEngineNative": false,

src/layouts/index.jsx

@@ -5,6 +5,7 @@ import { Text } from '@tarojs/components'
 import Spin from '@/components/Spin'
 import GetUserPhone from '@/components/GetUserPhone/index'
 import GetUserIcon from '@/components/GetUserIcon/index'
+import AddYeZhuRenZheng from '@/components/AddYeZhuRenZheng'
 import useMountTrack from '@/utils/hooks/useMountTrack'
 import request, { apis } from '@/utils/request'
 import { getPage } from '@/utils'
@@ -26,6 +27,7 @@ export default function (props) {
   const [showAuthPhone, setShowAuthPhone] = useState(false)
   const [ShowAdvLayer, setShowAdvLayer] = useState(true)
   const [AdvDetail, setShowAdvDetail] = useState(null)
+  const [ShowAddLayer, setShowAddLayer] = useState(false)
   const { user, setUser } = useModel('user')
 
   const loading = !user || !user.personId
@@ -43,7 +45,7 @@ export default function (props) {
       request({ ...apis.getIndexAdv, params: { showType: `screen`, showPosition: `index` } }).then((res) => {
         if (res !== null && res.length > 0) {
           setShowAdvDetail(res[0])
-          setUser({...user, ShowIndexAdv: true, FirstComing: false})
+          setUser({ ...user, ShowIndexAdv: true, FirstComing: false })
         }
       })
     }
@@ -110,11 +112,24 @@ export default function (props) {
   return (
     <Spin loading={loading}>
 
+      <view className={ShowAddLayer ? 'AddRenZhengLayer active' : 'AddRenZhengLayer'}>
+        <view className='centerLabel'>
+          <view>
+            <scroll-view scroll-y='true'>
+              {
+                ShowAddLayer &&
+                <AddYeZhuRenZheng Close={() => { setShowAddLayer(false) }}></AddYeZhuRenZheng>
+              }
+            </scroll-view>
+          </view>
+        </view>
+      </view>
+
       {/* 广告 */}
       <view className='AdvLayer' style={{ display: user !== null && user.ShowIndexAdv !== undefined && user.ShowIndexAdv ? 'block' : 'none' }}>
         <view className='centerLabel'>
           <image mode='aspectFit' src={AdvDetail !== null ? AdvDetail.image : null} onClick={AdvClick}></image>
-          <Text className='iconfont iconguanbi' onClick={() => { setUser({...user, ShowIndexAdv: false}) }}></Text>
+          <Text className='iconfont iconguanbi' onClick={() => { setUser({ ...user, ShowIndexAdv: false }) }}></Text>
         </view>
       </view>
 

src/layouts/index.less

@@ -33,4 +33,37 @@
       z-index: 2;
     }
   }
+}
+
+.AddRenZhengLayer {
+  width: 100%;
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.8);
+  display: none;
+  &.active {
+    display: block;
+  }
+
+  >view {
+    width: 100%;
+
+    >view {
+      padding: 0 30px;
+      position: relative;
+      overflow: hidden;
+
+      >scroll-view {
+        padding: 30px 0;
+        background: #fff;
+        border-radius: 10px;
+        position: relative;
+        max-height: 90vh;
+        overflow-y: scroll;
+        -webkit-overflow-scrolling: touch;
+      }
+    }
+  }
 }