静态页面

src/components/AdvLayer/index.css

@@ -0,0 +1,33 @@
+.AdvLayer {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 20000;
+  background: rgba(0, 0, 0, 0.8);
+}
+.AdvLayer > view {
+  width: 100%;
+  height: 100vw;
+  overflow: visible;
+}
+.AdvLayer > view > image {
+  width: 64%;
+  height: auto;
+  position: relative;
+  z-index: 1;
+  margin: 0 auto;
+  display: block;
+}
+.AdvLayer > view > text {
+  display: inline-block;
+  color: #fff;
+  font-size: 60px;
+  position: absolute;
+  left: 50%;
+  bottom: -60px;
+  transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+  z-index: 2;
+}

src/components/AdvLayer/index.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import request, { apis } from '@/utils/request'
+import Taro from '@tarojs/taro'
 import { Text } from '@tarojs/components'
 import { useModel } from '@/store'
 import '@/assets/css/reset.less'
@@ -40,7 +41,7 @@ export default function AdvLayer () {
   return (
     <view className='AdvLayer' style={{ display: ShowIndexAdv ? 'block' : 'none' }}>
       <view className='centerLabel'>
-        <image mode='aspectFit' src={AdvDetail !== null ? AdvDetail.image : null} onClick={AdvClick}></image>
+        <image mode='widthFix' src={AdvDetail !== null ? AdvDetail.image : null} onClick={AdvClick}></image>
         <Text className='iconfont iconguanbi' onClick={() => { setShowIndexAdv(false) }}></Text>
       </view>
     </view>

src/components/AdvLayer/index.less

@@ -13,8 +13,8 @@
     overflow: visible;
 
     >image {
-      width: 60%;
-      height: 60%;
+      width: 64%;
+      height: auto;
       position: relative;
       z-index: 1;
       margin: 0 auto;
@@ -27,7 +27,7 @@
       font-size: 60px;
       position: absolute;
       left: 50%;
-      bottom: -30px;
+      bottom: -60px;
       transform: translateX(-50%);
       -webkit-transform: translateX(-50%);
       z-index: 2;

src/pages/FuLi/JiFenGuiZe/index.css

@@ -17,6 +17,7 @@
   width: 100%;
   position: relative;
   overflow: hidden;
+  margin-top: 200px;
 }
 .JiFenGuiZe > .JiFenContent > view > .Img > image {
   width: 100%;
@@ -25,7 +26,7 @@
 .JiFenGuiZe > .JiFenContent > view > .Title {
   position: relative;
   overflow: hidden;
-  margin-top: 80px;
+  margin-top: 40px;
 }
 .JiFenGuiZe > .JiFenContent > view > .Title > text {
   width: 100%;

src/pages/FuLi/JiFenGuiZe/index.jsx

@@ -30,10 +30,10 @@ export default function JiFenGuiZe () {
             <view className='Img'>
               <image mode='widthFix' src='https://zhiyun-image.oss-cn-shanghai.aliyuncs.com/xiangsong/img.png'></image>
             </view>
-            <view className='Title'>
+            {/* <view className='Title'>
               <text>积分兑换时间</text>
             </view>
-            <text>2020年11月30日09:00-2020年12月30日15:00</text>
+            <text>2020年11月30日09:00-2020年12月30日15:00</text> */}
             <view className='Title'>
               <text>积分兑换规则</text>
             </view>

src/pages/FuLi/JiFenGuiZe/index.less

@@ -28,7 +28,7 @@
       >.Title {
         position: relative;
         overflow: hidden;
-        margin-top: 80px;
+        margin-top: 40px;
 
         >text {
           width: 100%;