upp

src/assets/styles/base.css

@@ -158,42 +158,6 @@ textarea {
     opacity: 1;
   }
 }
-#BtnRight {
-  position: absolute;
-  width: 50px;
-  height: 50px;
-  cursor: pointer;
-  bottom: 15px;
-  right: 20px;
-}
-#BtnRight > img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: fill !important;
-  opacity: 1;
-  transition: all 0.3s;
-}
-#BtnRight .BtnRight2 {
-  opacity: 0;
-  pointer-events: none;
-}
-#BtnRight:hover .BtnRight1 {
-  opacity: 0;
-  pointer-events: none;
-}
-#BtnRight:hover .BtnRight2 {
-  opacity: 1;
-  pointer-events: auto;
-}
-@media screen and (min-width: 1200px) {
-  #BtnRight {
-    width: 35px;
-    height: 35px;
-  }
-}
 #HotOpCss {
   animation: HotOpCss 0.5s linear forwards;
 }

src/assets/styles/base.less

@@ -205,50 +205,6 @@ textarea {
   }
 }
 
-// 右下角的按钮
-#BtnRight {
-  position: absolute;
-  width: 50px;
-  height: 50px;
-  cursor: pointer;
-  bottom: 15px;
-  right: 20px;
-
-  &>img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    object-fit: fill !important;
-    opacity: 1;
-    transition: all 0.3s;
-  }
-
-  .BtnRight2 {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  &:hover {
-    .BtnRight1 {
-      opacity: 0;
-      pointer-events: none;
-    }
-
-    .BtnRight2 {
-      opacity: 1;
-      pointer-events: auto;
-    }
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  #BtnRight {
-    width: 35px;
-    height: 35px;
-  }
-}
 
 // 热点页面打开透明的变化
 #HotOpCss {

src/components/BtnRight.tsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { baseURL } from '@/utils/http'
-
-type Props = {
-  imgName: string
-  clickSon: () => void
-  title: '返回' | '跳过'
-}
-
-function BtnRight({ imgName, clickSon, title }: Props) {
-  return (
-    <div title={title} id='BtnRight' onClick={clickSon}>
-      <img className='BtnRight1' src={`${baseURL}btn/${imgName}.png`} alt='' />
-      <img className='BtnRight2' src={`${baseURL}btn/${imgName}Ac.png`} alt='' />
-    </div>
-  )
-}
-
-const MemoBtnRight = React.memo(BtnRight)
-
-export default MemoBtnRight

src/components/VideoModel/index.module.scss

@@ -1,19 +0,0 @@
-.VideoModel {
-  position: absolute;
-  z-index: 10;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  transition: all 1s;
-  opacity: 0;
-  pointer-events: none;
-  // :global {
-
-  // }
-}
-
-.VideoModelShow {
-  opacity: 1;
-  pointer-events: auto;
-}

src/components/VideoModel/index.tsx

@@ -1,58 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import styles from './index.module.scss'
-import classNames from 'classnames'
-import BtnRight from '../BtnRight'
-
-type Props = {
-  isShow: boolean
-  src: string
-  closeFu: () => void
-  controls?: boolean
-}
-
-function VideoModel({ isShow, src, closeFu, controls = false }: Props) {
-  const videoRef = useRef<HTMLVideoElement>(null)
-
-  useEffect(() => {
-    if (isShow) {
-      setTimeout(() => {
-        if (videoRef.current) {
-          videoRef.current.play()
-        }
-      }, 100)
-    } else {
-      setTimeout(() => {
-        if (videoRef.current) {
-          videoRef.current.pause()
-        }
-      }, 100)
-    }
-  }, [isShow])
-
-  return (
-    <div
-      id='VideoModel'
-      className={classNames(styles.VideoModel, isShow ? styles.VideoModelShow : '')}
-    >
-      <video
-        ref={videoRef}
-        playsInline
-        muted={!controls}
-        webkit-playsinline='true'
-        x5-video-player-type='h5'
-        onEnded={closeFu}
-        controls={controls}
-      >
-        <source type='video/mp4' src={src} />
-        Your browser does not support the video tag.
-      </video>
-
-      {/* 右下角的返回按钮 */}
-      <BtnRight imgName='back' clickSon={() => closeFu()} title='返回' />
-    </div>
-  )
-}
-
-const MemoVideoModel = React.memo(VideoModel)
-
-export default MemoVideoModel

src/components/Zguide/index.module.scss

@@ -1,23 +0,0 @@
-.Zguide {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 999999;
-  padding: 6% 15% 9%;
-  background-color: rgba(0, 0, 0, 0.6);
-  :global {
-    video {
-      width: 100%;
-      height: 100%;
-      border-radius: 10px;
-    }
-    #BtnRight {
-      right: auto;
-      left: 50%;
-      transform: translateX(-50%);
-      bottom: 10px;
-    }
-  }
-}

src/components/Zguide/index.tsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import styles from './index.module.scss'
-import { baseURL } from '@/utils/http'
-import BtnRight from '../BtnRight'
-
-type Props = {
-  src: string
-  closeFu: () => void
-}
-
-function Zguide({ src, closeFu }: Props) {
-  return (
-    <div className={styles.Zguide}>
-      <video
-        autoPlay
-        playsInline
-        muted={true}
-        webkit-playsinline='true'
-        x5-video-player-type='h5'
-        controls={true}
-      >
-        <source type='video/mp4' src={baseURL + src} />
-        Your browser does not support the video tag.
-      </video>
-
-      {/* 右下角的返回按钮 */}
-      <BtnRight imgName='back' clickSon={() => closeFu()} title='返回' />
-    </div>
-  )
-}
-
-const MemoZguide = React.memo(Zguide)
-
-export default MemoZguide

src/components/Zmap/index.module.scss

@@ -1,10 +0,0 @@
-.Zmap {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  z-index: 11;
-  pointer-events: none;
-  width: 80px;
-  height: auto;
-  object-fit: fill !important;
-}

src/components/Zmap/index.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import styles from './index.module.scss'
-import { baseURL } from '@/utils/http'
-
-type Props = {
-  src: string
-}
-
-function Zmap({ src }: Props) {
-  return <img className={styles.Zmap} src={`${baseURL}Zmap/${src}.png`} alt='' />
-}
-
-const MemoZmap = React.memo(Zmap)
-
-export default MemoZmap

src/components/ownUse/UseDataUrl.tsx

@@ -1,26 +0,0 @@
-// import { RootState } from '@/store'
-// import { baseURLTemp } from '@/utils/http'
-// import { useCallback, useEffect, useState } from 'react'
-// import { useSelector } from 'react-redux'
-
-export default function useDataUrl() {
-  // 是否是横屏，默认是false
-  // const isHH = useSelector((state: RootState) => state.A0Layout.isHH)
-  // const [dataUrl, setDataUrl] = useState('')
-  // const baseUrlChangeFu = useCallback(() => {
-  //   const temp = isHH ? 'HH/' : 'SS/'
-  //   setDataUrl(baseURLTemp + temp)
-  // }, [isHH])
-  // useEffect(() => {
-  //   baseUrlChangeFu()
-  // }, [baseUrlChangeFu])
-  // // 横竖屏用一样的数据路径
-  // const [dataUrlSame, setDataUrlSame] = useState('')
-  // useEffect(() => {
-  //   setDataUrlSame(baseURLTemp + 'HH/')
-  // }, [])
-  // return {
-  //   dataUrl,
-  //   dataUrlSame
-  // }
-}