downloadCaigong2 修改

src/App.tsx

@@ -41,6 +41,9 @@ export function App() {
         <Route path="/downloadCaigong2">
           <DownloadCaigong2 />
         </Route>
+        <Route path="/downloadCaigong3">
+          <DownloadCaigong2 />
+        </Route>
       </Switch>
     </Router>
   );

src/views/downloadCaigong2/index.less

@@ -3,22 +3,28 @@
     margin: 0;
 }
 
-#app {
+#downloadCaigong2 {
     position: relative;
     width: 100vw;
     height: 100vh;
-    overflow-y: hidden;
+
 
 }
 
-#app .bg {
+#downloadCaigong2 .bg {
     width: 100vw;
-}
 
-#app .download1 {
+}
+#downloadCaigong2 .buttons {
+    top: 1234px;
     position: absolute;
-    left: 50%;
-    transform: translate(-50%, 0%);
+    left: 0;
+    width: 100%;
+    text-align: center;
+}
+
+#downloadCaigong2 .download1 {
+  
     width: 64vw;
     height: 12.8vw;
     line-height: 12.8vw;
@@ -28,13 +34,12 @@
     text-align: center;
     font-size: 6.4vw;
     border-radius: 48px;
+    margin: 0 auto;
 
 }
 
-#app .download2 {
-    position: absolute;
-    left: 50%;
-    transform: translate(-50%, 0%);
+#downloadCaigong2 .download2 {
+
     width: 64vw;
     height: 12.8vw;
     line-height: 12.8vw;
@@ -44,30 +49,42 @@
     text-align: center;
     font-size: 6.4vw;
     border-radius: 48px;
+    margin: 0 auto;
+    margin-top: 52px;
 
 }
-#app .title{
+#downloadCaigong2 .title{
     position: absolute;
     top: 18vw;
     width: 100%;
     color: white;
     text-align: center;
 }
-#app .subtitle{
+#downloadCaigong2 .subtitle{
     position: absolute;
     top: 40vw;
     width: 100%;
     color: white;
-    font-size: 18px;
+    font-size: 34px;
     text-align: center;
+    color: #656565;
 }
-#app #tip {
+#downloadCaigong2 #tip {
     display: none;
     position: absolute;
     z-index: 1000;
     width: 100%;
 }
 
-#app #tip .tip {
+#downloadCaigong2 #tip .tip {
     width: 100vw;
+}
+#downloadCaigong2 .code{
+    position: absolute;
+    top: 909px;
+    text-align: center;
+    width: 100%;
+}
+#downloadCaigong2 .code .img{
+    width: 200px;
 }

src/views/downloadCaigong2/index.tsx

@@ -19,50 +19,59 @@ export const DownloadCaigong2: React.FC = (props: any) => {
         if (utils.isWeixin() && utils.isAndroid()) {
             return (
                 <React.Fragment>
-                    <a onClick={() => openWxDownloadTip()}>
-                        <div className="download1">
-                            点击下载1
-                        </div>
-                    </a>
-                    <a onClick={() => openWxDownloadTip()}>
-                        <div className="download2">
-                            点击下载(备用)
-                        </div>
-                    </a>
+                    <div className='buttons'>
+                        <a onClick={() => openWxDownloadTip()}>
+                            <div className="download1">
+                                点击下载1
+                            </div>
+                        </a>
+                        <a onClick={() => openWxDownloadTip()}>
+                            <div className="download2">
+                                点击下载(备用)
+                            </div>
+                        </a>
+                    </div>
+
                 </React.Fragment>
             )
         }
         else if (utils.isIos()) {
             return (
                 <React.Fragment>
-                    <a href="https://itunes.apple.com/cn/app/id1670563437">
+                    <div className='buttons'>
+                        <a href="https://itunes.apple.com/cn/app/id1670563437">
+                            <div className="download1">
+                                点击下载1
+                            </div>
+                        </a>
+                        <a href="https://itunes.apple.com/cn/app/id1670563437">
+                            <div className="download2">
+                                点击下载(备用)
+                            </div>
+                        </a>
+                    </div>
+
+                </React.Fragment>
+
+            )
+
+
+        }
+        else {
+            return (<React.Fragment>
+                <div className='buttons'>
+                    <a href={androidUrl}>
                         <div className="download1">
                             点击下载1
                         </div>
                     </a>
-                    <a href="https://itunes.apple.com/cn/app/id1670563437">
+                    <a  href={androidUrl}>
                         <div className="download2">
                             点击下载(备用)
                         </div>
                     </a>
-                </React.Fragment>
-
-            )
+                </div>
 
-
-        }
-        else {
-            return (<React.Fragment>
-                <a href={androidUrl}>
-                    <div className="download1">
-                        点击下载1
-                    </div>
-                </a>
-                <a href={androidUrl}>
-                    <div className="download2">
-                        点击下载(备用)
-                    </div>
-                </a>
             </React.Fragment>)
 
 
@@ -94,7 +103,7 @@ export const DownloadCaigong2: React.FC = (props: any) => {
 
     }, [])
     return (
-        <div id="app">
+        <div id="downloadCaigong2">
             <div style={{ display: tip }} id="tip">
                 <img onClick={() => {
                     closeWxDownloadTip()
@@ -102,11 +111,14 @@ export const DownloadCaigong2: React.FC = (props: any) => {
 
             </div>
             <div className="title">
-                <img style={{ width: '72vw', margin: '0 auto' }} src={utils.getAssetsImagesFile('财仝驾考APP2.png')} alt='' />
+                <img style={{ width: '46vw', margin: '0 auto' }} src={utils.getAssetsImagesFile('财仝驾考APP2.png')} alt='' />
             </div>
             <div className="subtitle">
                 <span style={{ color: '#656565' }}>一款为驾考学员打造的专业软件</span>
             </div>
+            <div className="code">
+                <img className='img' src={utils.getAssetsImagesFile('code1.png')} />
+            </div>
             <img className="bg" src={utils.getAssetsImagesFile('bg2.png')} alt='' />
             {downloadButtons()}
 

src/views/downloadCaigong3/index.less

@@ -0,0 +1,73 @@
+* {
+    padding: 0;
+    margin: 0;
+}
+
+#app {
+    position: relative;
+    width: 100vw;
+    height: 100vh;
+    overflow-y: hidden;
+
+}
+
+#app .bg {
+    width: 100vw;
+}
+
+#app .download1 {
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    width: 64vw;
+    height: 12.8vw;
+    line-height: 12.8vw;
+    background: #498EF5;
+    bottom: 27.8vw;
+    color: white;
+    text-align: center;
+    font-size: 6.4vw;
+    border-radius: 48px;
+
+}
+
+#app .download2 {
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    width: 64vw;
+    height: 12.8vw;
+    line-height: 12.8vw;
+    background: #498EF5;
+    bottom: 10vw;
+    color: white;
+    text-align: center;
+    font-size: 6.4vw;
+    border-radius: 48px;
+
+}
+#app .title{
+    position: absolute;
+    top: 18vw;
+    width: 100%;
+    color: white;
+    text-align: center;
+}
+#app .subtitle{
+    position: absolute;
+    top: 40vw;
+    width: 100%;
+    color: white;
+    font-size: 18px;
+    text-align: center;
+}
+#app #tip {
+    display: none;
+    position: absolute;
+    z-index: 1000;
+    width: 100%;
+}
+
+#app #tip .tip {
+    width: 100vw;
+}

src/views/downloadCaigong3/index.tsx

@@ -0,0 +1,119 @@
+import './index.less'
+import React, { useEffect, useState } from "react";
+import utils from '~/utils/utils';
+import api from '~/api';
+
+export const DownloadCaigong2: React.FC = (props: any) => {
+
+    const [tip, setTip] = useState('none')
+    const [androidUrl, setAndroidUrl] = useState("#没获取到链接")
+    const is_weixin = () => {
+        var ua = navigator.userAgent.toLowerCase();
+        if (ua.search('micromessenger') !== -1) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+    const downloadButtons = () => {
+        if (utils.isWeixin() && utils.isAndroid()) {
+            return (
+                <React.Fragment>
+                    <a onClick={() => openWxDownloadTip()}>
+                        <div className="download1">
+                            点击下载1
+                        </div>
+                    </a>
+                    <a onClick={() => openWxDownloadTip()}>
+                        <div className="download2">
+                            点击下载(备用)
+                        </div>
+                    </a>
+                </React.Fragment>
+            )
+        }
+        else if (utils.isIos()) {
+            return (
+                <React.Fragment>
+                    <a href="https://itunes.apple.com/cn/app/id1670563437">
+                        <div className="download1">
+                            点击下载1
+                        </div>
+                    </a>
+                    <a href="https://itunes.apple.com/cn/app/id1670563437">
+                        <div className="download2">
+                            点击下载(备用)
+                        </div>
+                    </a>
+                </React.Fragment>
+
+            )
+
+
+        }
+        else {
+            return (<React.Fragment>
+                <a href={androidUrl}>
+                    <div className="download1">
+                        点击下载1
+                    </div>
+                </a>
+                <a href={androidUrl}>
+                    <div className="download2">
+                        点击下载(备用)
+                    </div>
+                </a>
+            </React.Fragment>)
+
+
+        }
+
+
+    }
+    const openWxDownloadTip = () => {
+        setTip('block')
+
+
+    }
+    const closeWxDownloadTip = () => {
+        setTip('none')
+
+
+    }
+
+    useEffect(() => {
+        document.title = 'APP下载'
+        api.openapiSystemDictDataType("android_update").then(res => {
+            console.log(res.data.data[0].dictValue)
+            setAndroidUrl(res.data.data[0].dictValue)
+        })
+
+
+
+
+
+    }, [])
+    return (
+        <div id="app">
+            <div style={{ display: tip }} id="tip">
+                <img onClick={() => {
+                    closeWxDownloadTip()
+                }} className="tip" src={utils.getAssetsImagesFile('tip.png')} alt='' />
+
+            </div>
+            <div className="title">
+                <img style={{ width: '72vw', margin: '0 auto' }} src={utils.getAssetsImagesFile('财仝驾考APP2.png')} alt='' />
+            </div>
+            <div className="subtitle">
+                <span style={{ color: '#656565' }}>一款为驾考学员打造的专业软件</span>
+            </div>
+            <div>
+                
+            </div>
+            <img className="bg" src={utils.getAssetsImagesFile('bg2.png')} alt='' />
+            {downloadButtons()}
+
+        </div>
+    )
+
+}

src/views/pdfImages/index.tsx

@@ -15,11 +15,8 @@ export const PdfImages: React.FC = (props: any) => {
                 "tags": []
             },
             {
-                "media_id": "kD88pyQSlAfJYQIBpBp75TS87k271tA-_mCMP3RLWXZ_qjyvu4zVVOgwPS39CShK",
-                "name": "电子资料 (2).jpeg",
-                "update_time": 1677336304,
-                "url": "https://mmbiz.qpic.cn/sz_mmbiz_jpg/U1q0AYGzob57OibR0wyogw48hVUQjdZFIFVRcsurKumyL3nb9ORiafZSbwlFjsk5pysXNhxJAiaIDfdfSBYk9oABg/0?wx_fmt=jpeg",
-                "tags": []
+                "media_id": "kD88pyQSlAfJYQIBpBp75fsRb5kWgQnb8W5g7a-ndAhbmuMMMttzi8lYYH0YhdMR", "name": "电子资料 (2).jpeg", "update_time": 1677569039,
+                "url": "https:\/\/mmbiz.qpic.cn\/sz_mmbiz_jpg\/U1q0AYGzob6zzV3TWEQEtOjFv1ic4E4gQC6P00gA9fS2VzXoUXmGbfCsaqTBb1TIPhaLUyxROz5wHhjBLzA0olQ\/0?wx_fmt=jpeg", "tags": []
             },
             {
                 "media_id": "kD88pyQSlAfJYQIBpBp75Rv-jOPmTSYS74Sgv6qKOBHPIXz4yUZKRnRKLj4AAAJj",

src/views/videoList/index.less

@@ -35,8 +35,9 @@
         }
         .list-item-play{
             position: absolute;
-            top: 64px;
-            left: 138px;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%,-50%);
             width: 60px;
             height: 60px;
         }

src/views/videoList/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
 import api from '~/api'
 import { useParams } from 'react-router-dom';
 export const VideoList: React.FC = (props: any) => {
-   
+
     const [configList, setConfigList] = useState([{
         jiao: 'https://t1-1305573081.file.myqcloud.com/ctjk/nbjk/h5/videoList/kemu1jiao.png',
         title: "科目一",
@@ -33,7 +33,7 @@ export const VideoList: React.FC = (props: any) => {
     }])
     const [subject, setSubject] = useState(1)
     const params = useParams<{
-        subject:string
+        subject: string
     }>()
     useEffect(() => {
         let query = new URLSearchParams(window.location.search)
@@ -45,13 +45,13 @@ export const VideoList: React.FC = (props: any) => {
             }).then(res => {
                 window.localStorage.setItem("token", res.data.data.token)
                 console.log(res.data.data.token)
-                window.location.replace('/videoList/'+Number(params.subject))
+                window.location.replace('/videoList/' + Number(params.subject))
             })
         }
         else {
             api.studentVideoTeachingList({
                 state: 1,
-                videoSubject:Number(params.subject)
+                videoSubject: Number(params.subject)
             }).then(res => {
                 setList(res.data.rows)
                 console.log(res)
@@ -77,8 +77,13 @@ export const VideoList: React.FC = (props: any) => {
                         return (
                             <a key={index} href={item.videoUrl}>
                                 <div className='list-item'>
-                                    <img className='list-item-play' alt='' src='https://t1-1305573081.file.myqcloud.com/ctjk/h5/videoList/play.png' />
-                                    <img style={{ width: '44.5w' }} alt='' src={item.videoCover} />
+                                    <div style={{
+                                        position:'relative'
+                                    }}>
+                                        <img className='list-item-play' alt='' src='https://t1-1305573081.file.myqcloud.com/ctjk/h5/videoList/play.png' />
+                                        <img style={{ width: '44.5vw' }} alt='' src={item.videoCover} />
+                                    </div>
+
                                     <div className='list-item-name'>{item.videoName}</div>
                                 </div>