静态页面

src/components/Adv/index.jsx

@@ -0,0 +1,31 @@
+import { useState, useEffect } from 'react'
+import { Image } from '@tarojs/components'
+import './style.scss'
+
+export default (props) => {
+
+  const { show = false } = props
+
+  const [ShowAdv, setShowAdv] = useState(show)
+
+  const ImgClick = () => {
+
+  }
+
+  const Close = () => {
+    setShowAdv(false)
+  }
+
+  return (
+    <view className='components Adv' style={{display: ShowAdv ? 'block' : 'none'}}>
+      <view className='centerLabel'>
+        <view>
+          <view className='Img' onClick={ImgClick}>
+            <Image mode='scaleToFill' src={null}></Image>
+          </view>
+          <text className='iconfont icon-guanbi' onClick={Close}></text>
+        </view>
+      </view>
+    </view>
+  )
+}

src/components/Adv/style.scss

@@ -0,0 +1,36 @@
+.components.Adv {
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 1000;
+  background: rgba(0, 0, 0, 0.6);
+  >view {
+    width: 100%;
+    >view {
+      padding: 0 134px;
+      position: relative;
+      overflow: hidden;
+      text-align: center;
+      >.Img {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+        padding-bottom: 150%;
+        background: #eee;
+        border-radius: 24px;
+        >image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      >text {
+        display: inline-block;
+        font-size: 60px;
+        color: #fff;
+        margin-top: 30px;
+      }
+    }
+  }
+}

src/pages/index/index.jsx

@@ -4,6 +4,7 @@ import Taro from '@tarojs/taro'
 import { ScrollView } from '@tarojs/components'
 import withLayout from '@/layout'
 import ProjectListItem from '@/components/ProjectListItem/index'
+import Adv from '@/components/Adv/index'
 import { fetch } from '@/utils/request'
 import { API_BANNER_LIST, API_INDEX_PROJECTS } from '@/constants/api'
 
@@ -54,6 +55,8 @@ export default withLayout(() => {
   return (
     <view className='Page Index'>
 
+      <Adv show></Adv>
+
       <ScrollView scroll-y>
         <view className='PageContent'>