新增招商页面

src/App.tsx

@@ -8,6 +8,7 @@ import { MyExamRoadVideo } from "~/views/myExamRoadVideo/index"
 import { VideoKindList } from "./views/videokindList";
 import { CourseCatalog } from './views/courseCatalog'
 import { ExamRoadVideo } from './views/examRoadVideo'
+import { InviteBusiness } from './views/inviteBusiness'
 import { DownloadCaigong1 } from "./views/downloadCaigong1";
 import { DownloadCaigong2 } from "./views/downloadCaigong2";
 import { PdfImages } from './views/pdfImages'
@@ -22,7 +23,9 @@ export function App() {
         <Route exact path="/">
           <VideoKindList />
         </Route>
-
+        <Route path="/InviteBusiness">
+          <InviteBusiness></InviteBusiness>
+        </Route>
         <Route path="/home">
           <Home />
         </Route>
@@ -38,6 +41,7 @@ export function App() {
         <Route path="/pdfImages">
           <PdfImages />
         </Route>
+
         <Route path="/videoList/:subject">
           <VideoList />
         </Route>

src/views/inviteBusiness/index.less

@@ -0,0 +1,52 @@
+.bg {
+    // background-image: url();
+    background: #d1d1d1;
+    width: 100vw;
+    overflow: hidden;
+  
+    .form {
+      margin-top: 95vw;
+  
+      padding: 0 30px;
+  
+      .content {
+        width: 100%;
+        height: 200vh;
+        background: #fff;
+        border-radius: 30px;
+        padding-top: 60px;
+        padding-left: 30px;
+        padding-right: 30px;
+        .field {
+          margin-bottom: 30px;
+          width: 100%;
+          border-radius: 45px;
+          background: #f2f3f5;
+          display: flex;
+          justify-content: space-between;
+          align-content: center;
+          align-items: center;
+          font-size: 30px;
+          > div {
+            height: 90px;
+            color: #0a1a33;
+            padding-left: 30px;
+            display: flex;
+            align-items: center;
+          }
+          > input {
+            width: 45%;
+            outline: none;
+            height: 90px;
+            border: none;
+            background: transparent;
+            padding-left: 30px;
+          }
+        }
+        .upload{
+            font-size: 30px;
+            display: inline-block;
+        }
+      }
+    }
+  }

src/views/inviteBusiness/index.tsx

@@ -0,0 +1,57 @@
+import { Uploader, UploaderValueItem } from 'react-vant';
+import './index.less'
+import React from "react";
+import { useSetState } from 'react-vant/es/hooks';
+
+export const InviteBusiness: React.FC = (props: any) => {
+    const [imgList,setImgList] = useSetState([])
+    const afterUpload = function(value:UploaderValueItem[]){
+        console.log(value)
+
+    }
+    return (
+        <div className="bg">
+        <div className="form">
+          <div className="content">
+            <div className="field">
+              <div className="">姓名</div>
+              <input placeholder="请填写姓名" type="text" />
+            </div>
+            <div className="field">
+              <div className="">性别</div>
+              <input readOnly={true} placeholder="请选择性别" type="text" />
+            </div>
+            <div className="field">
+              <div className="">职业</div>
+              <input readOnly={true} placeholder="请选择职业" type="text" />
+            </div>
+            <div className='upload' style={{'background': 'transparent'}} >
+              <Uploader
+                onChange={afterUpload}
+                upload-text="上传图片"
+                maxCount={2}
+                accept='*'
+                value={imgList}
+              />
+              <div style={{color: '#adb4bf'}}>
+                请上传身份证或驾照或营业执照等 身份证明
+              </div>
+            </div>
+            <div className="field">
+              <div className="">手机</div>
+              <input placeholder="请填写姓名" type="text" />
+            </div>
+            <div className="field">
+              <div className="">微信</div>
+              <input placeholder="请填写姓名" type="text" />
+            </div>
+            <div className="field">
+              <div className="">代理项目</div>
+              <input placeholder="请选择代理项目" type="text" />
+            </div>
+          </div>
+        </div>
+      </div>
+    )
+
+}

src/views/srt/index.less

@@ -0,0 +1,14 @@
+.srt{
+    .lyric{
+        .line{
+            text-align: center;
+            font-size: 30px;
+        }
+        .line_deepskyblue{
+            text-align: center;
+            font-size: 30px;
+            color: deepskyblue;
+        }
+    }
+   
+}

src/views/srt/index.tsx

@@ -1,9 +1,10 @@
 
 import './index.less'
-import React from "react";
+import React, { useEffect, useState } from "react";
 import axios from 'axios';
 
 export const Srt: React.FC = (props: any) => {
+    const [srt, setStr] = useState<string[][]>([])
     //解析时间
     const parseSrtTime = function (str: string): number {
         var str0 = str.split(':')[0]
@@ -12,29 +13,42 @@ export const Srt: React.FC = (props: any) => {
 
         return Number(str0) * 3600000 + Number(str1) * 60000 + Number(str2)
     }
-    axios({
-        url:'./7月12日.srt',
-        responseType:'text'
-        
-
-    }).then(res=>{
-        // console.log(res.data)
-        var srtArr = res.data.split('\n') as string[]
-        var srtParseArr:string[][] = []
-        var a =0
-        srtArr.pop()
- 
-        while (a < srtArr.length) {
-            srtParseArr.push([srtArr[a], srtArr[a + 1], srtArr[a + 2], srtArr[a + 3]])
-            a = a + 4
-        }
-        console.log(srtParseArr)
-
-    })
+    useEffect(() => {
+        axios({
+            url: './7月12日.srt',
+            responseType: 'text'
+
+
+        }).then(res => {
+            // console.log(res.data)
+            var srtArr = res.data.split('\n') as string[]
+            var srtParseArr: string[][] = []
+            var a = 0
+            srtArr.pop()
+
+            while (a < srtArr.length) {
+                srtParseArr.push([srtArr[a], srtArr[a + 1], srtArr[a + 2], srtArr[a + 3]])
+                a = a + 4
+            }
+            setStr(srtParseArr)
+            console.log(srtParseArr)
+
+        })
+        axios({
+            url:"https://jsjp-admin.zzxcx.net/jsjp-admin/open-api/gzpt/userInfo/configKey/jsjp_android",
+            method:'GET'
+        })
+    }, [])
+
     return (
-        <div>
-            <div>
+        <div className='srt'>
+            <div className='lyric'>
                 {
+                    srt.map((item, index) => {
+                        return (<div className='line' key={index}>
+                            {item[2]}
+                        </div>)
+                    })
 
                 }
             </div>