xcx 4 lat temu
rodzic
commit
e36a2ad2ee

+ 33
- 0
src/components/AdvLayer/index.css Wyświetl plik

1
+.AdvLayer {
2
+  width: 100%;
3
+  position: absolute;
4
+  left: 0;
5
+  top: 0;
6
+  bottom: 0;
7
+  z-index: 20000;
8
+  background: rgba(0, 0, 0, 0.8);
9
+}
10
+.AdvLayer > view {
11
+  width: 100%;
12
+  height: 100vw;
13
+  overflow: visible;
14
+}
15
+.AdvLayer > view > image {
16
+  width: 64%;
17
+  height: auto;
18
+  position: relative;
19
+  z-index: 1;
20
+  margin: 0 auto;
21
+  display: block;
22
+}
23
+.AdvLayer > view > text {
24
+  display: inline-block;
25
+  color: #fff;
26
+  font-size: 60px;
27
+  position: absolute;
28
+  left: 50%;
29
+  bottom: -60px;
30
+  transform: translateX(-50%);
31
+  -webkit-transform: translateX(-50%);
32
+  z-index: 2;
33
+}

+ 2
- 1
src/components/AdvLayer/index.jsx Wyświetl plik

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

+ 3
- 3
src/components/AdvLayer/index.less Wyświetl plik

13
     overflow: visible;
13
     overflow: visible;
14
 
14
 
15
     >image {
15
     >image {
16
-      width: 60%;
17
-      height: 60%;
16
+      width: 64%;
17
+      height: auto;
18
       position: relative;
18
       position: relative;
19
       z-index: 1;
19
       z-index: 1;
20
       margin: 0 auto;
20
       margin: 0 auto;
27
       font-size: 60px;
27
       font-size: 60px;
28
       position: absolute;
28
       position: absolute;
29
       left: 50%;
29
       left: 50%;
30
-      bottom: -30px;
30
+      bottom: -60px;
31
       transform: translateX(-50%);
31
       transform: translateX(-50%);
32
       -webkit-transform: translateX(-50%);
32
       -webkit-transform: translateX(-50%);
33
       z-index: 2;
33
       z-index: 2;

+ 2
- 1
src/pages/FuLi/JiFenGuiZe/index.css Wyświetl plik

17
   width: 100%;
17
   width: 100%;
18
   position: relative;
18
   position: relative;
19
   overflow: hidden;
19
   overflow: hidden;
20
+  margin-top: 200px;
20
 }
21
 }
21
 .JiFenGuiZe > .JiFenContent > view > .Img > image {
22
 .JiFenGuiZe > .JiFenContent > view > .Img > image {
22
   width: 100%;
23
   width: 100%;
25
 .JiFenGuiZe > .JiFenContent > view > .Title {
26
 .JiFenGuiZe > .JiFenContent > view > .Title {
26
   position: relative;
27
   position: relative;
27
   overflow: hidden;
28
   overflow: hidden;
28
-  margin-top: 80px;
29
+  margin-top: 40px;
29
 }
30
 }
30
 .JiFenGuiZe > .JiFenContent > view > .Title > text {
31
 .JiFenGuiZe > .JiFenContent > view > .Title > text {
31
   width: 100%;
32
   width: 100%;

+ 2
- 2
src/pages/FuLi/JiFenGuiZe/index.jsx Wyświetl plik

30
             <view className='Img'>
30
             <view className='Img'>
31
               <image mode='widthFix' src='https://zhiyun-image.oss-cn-shanghai.aliyuncs.com/xiangsong/img.png'></image>
31
               <image mode='widthFix' src='https://zhiyun-image.oss-cn-shanghai.aliyuncs.com/xiangsong/img.png'></image>
32
             </view>
32
             </view>
33
-            <view className='Title'>
33
+            {/* <view className='Title'>
34
               <text>积分兑换时间</text>
34
               <text>积分兑换时间</text>
35
             </view>
35
             </view>
36
-            <text>2020年11月30日09:00-2020年12月30日15:00</text>
36
+            <text>2020年11月30日09:00-2020年12月30日15:00</text> */}
37
             <view className='Title'>
37
             <view className='Title'>
38
               <text>积分兑换规则</text>
38
               <text>积分兑换规则</text>
39
             </view>
39
             </view>

+ 1
- 1
src/pages/FuLi/JiFenGuiZe/index.less Wyświetl plik

28
       >.Title {
28
       >.Title {
29
         position: relative;
29
         position: relative;
30
         overflow: hidden;
30
         overflow: hidden;
31
-        margin-top: 80px;
31
+        margin-top: 40px;
32
 
32
 
33
         >text {
33
         >text {
34
           width: 100%;
34
           width: 100%;