lanxin hai 1 mes
pai
achega
b24f1b649d

BIN=BIN
src/assets/img/A7_discover_back.png


BIN=BIN
src/assets/img/bg_home.png


+ 2 - 2
src/pages/A1home/index.module.scss

@@ -23,14 +23,14 @@
         height: 30px;
         line-height: 30px;
         text-align: center;
-        transform: translate(5px, 155px);
+        transform: translate(70px, 155px);
       }
       .btn {
         width: 60px;
         height: 60px;
         background: url(../../assets/img/btn_home.png) no-repeat center center;
         background-size: 100% 100%;
-        transform: translateY(155px);
+        transform: translate(66px, 155px);
         cursor: pointer;
         display: flex;
         align-items: center;

+ 39 - 0
src/pages/A7wjwj/conponents/Discover/index.module.scss

@@ -138,6 +138,35 @@
       background: url('../../../../assets/img/A7_map2.png') no-repeat center bottom;
       background-size: contain;
       position: relative;
+      .point3 {
+        transform: translate(412%, 117%);
+      }
+      .point4 {
+        transform: translate(-248%, 292%);
+      }
+      .point5 {
+        transform: translate(-412%, -170%);
+      }
+      .arrow2 {
+        width: 22px;
+        height: 58px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-280%, -1%);
+        background: url('../../../../assets/img/A7_discover_arrow2.png') no-repeat center center;
+        background-size: 100% 100%;
+      }
+      .arrow3 {
+        width: 77px;
+        height: 28px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-26%, 120%);
+        background: url('../../../../assets/img/A7_discover_arrow3.png') no-repeat center center;
+        background-size: 100% 100%;
+      }
       .back {
         width: 60px;
         height: 30px;
@@ -148,10 +177,20 @@
         left: 50%;
         transform: translate(-50%, 10%);
         cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+
         & > img {
+          position: absolute;
+          z-index: -1;
           height: 100%;
           object-fit: contain;
         }
+        .txt {
+          color: rgba(255, 223, 174, 1);
+        }
       }
     }
     .right {

+ 5 - 2
src/pages/A7wjwj/conponents/Discover/index.tsx

@@ -62,11 +62,14 @@ function Discover(props: { style?: React.CSSProperties }) {
             <div className='point point4'>
               <img src={require('@/assets/img/A7_point2.png')} alt='' />
             </div>
-            <div className='point point'>
+            <div className='point point5'>
               <img src={require('@/assets/img/A7_point2.png')} alt='' />
             </div>
+            <div className="arrow2"></div>
+            <div className="arrow3"></div>
             <div className='back' onClick={() => setIsShowRecord(true)}>
-              <img src={require('@/assets/img/btn_back.png')} alt='' />
+              <img src={require('@/assets/img/A7_discover_back.png')} alt='' />
+              <div className="txt">返回</div>
             </div>
           </div>
         )