config: config

src/pages/frame/component/tipMsg/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 
  * @Date: 2023-10-09 15:25:31 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-10-12 10:45:56
+ * @Last Modified time: 2023-11-22 10:30:09
  */
 
 import React, { useEffect, useState, useRef, Component } from "react";
@@ -30,7 +30,7 @@ export default class extends Component {
 
   componentDidMount() {
     this.props.onRef(this);
-    this.getTip()
+    // this.getTip()
   }
 
   cleatTips(){

src/pages/gvc/component/mapView2.jsx

@@ -14,7 +14,7 @@
         preload 属性 :
         设置 auto , 表示 预先加载视频 ;
         设置 none , 表示 不预先加载视频 ;
- * @Last Modified time: 2023-11-14 15:22:36
+ * @Last Modified time: 2023-11-22 09:52:11
  */
 import React, { useState, useEffect, Component } from "react";
 import { useHistory, useLocation, withRouter } from "react-router-dom";
@@ -54,7 +54,7 @@ class MapViewTwo extends Component {
         媒体参与度（Media Engagement）是指用户与媒体内容进行互动的程度，可以通过多个指标来衡量。这些指标主要包括观看时间、观看率、转化率、交互行为等。
         可以通过：chrome://media-engagement/ 查看
      */
-    const video = document.querySelector('.video1');
+    const video = document.querySelector('.video_box');
     console.log(video.play());
 
     const model = document.querySelector('.model')
@@ -102,7 +102,7 @@ class MapViewTwo extends Component {
     return (
       <div class="video_box video_box_hide gvc_video animate__animated animate__fadeOut animate__delay-2s animate__slower">
         <div className="alls">
-        <video src={require("@assets/imgs/gvc/video1.mp4").default} autoplay="autoplay" class="video1"></video>
+        <video src={require("@assets/imgs/dataVimg/videoGvc.mp4").default} autoplay="autoplay" class="video_box"></video>
         </div>
       </div>
     )

src/pages/gvc/style.less

@@ -2,8 +2,8 @@
 
 @assetUrl: "../../assets/imgs/home";
 
-.home_box {
-  background: url(../../assets/imgs/gvc/homeBgDataV.png) no-repeat 0 -10em / 100% 120% #041b40;
+.gvc_home {
+  background: url(../../assets/imgs/dataVimg/gvcBgDataV.png) no-repeat 0 -10em / 100% 120% #041b40!important;
   // background: #000;
 
   :global {
@@ -13,6 +13,7 @@
       height: 100%;
 
       .gvc_video {
+        background: url(../../assets/imgs/dataVimg/gvcBgDataV.png) no-repeat 0 -10em / 100% 120% #041b40!important;
         align-items: flex-start;
         // background: #000;
 

src/pages/gvc/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm  产供销价值链
  * @Date: 2023-11-10 10:19:34 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-21 17:46:28
+ * @Last Modified time: 2023-11-22 10:27:07
  */
 
 import React, { useState, useEffect, Component } from "react";
@@ -101,7 +101,7 @@ class Gvc extends Component {
         媒体参与度（Media Engagement）是指用户与媒体内容进行互动的程度，可以通过多个指标来衡量。这些指标主要包括观看时间、观看率、转化率、交互行为等。
         可以通过：chrome://media-engagement/ 查看
      */
-    const video = document.querySelector('.video2');
+    const video = document.querySelector('.video_box_2');
     console.log(video.play());
 
     const model = document.querySelector('.model')
@@ -168,7 +168,7 @@ class Gvc extends Component {
     await bigShopService().then(({ data = [], resultCode }) => {
       if (+resultCode === 0) {
         const name_ = ["", "锂辉石库存量", "锂辉石库存量", "累计运输锂辉石"];
-        const style__ = [{}, { left: "34%", top: "27%" }, { left: "11%", top: "45%" }, { left: "0%", top: "19%" }]
+        const style__ = [{}, { left: "34%", top: "30%" }, { left: "11%", top: "48%" }, { left: "0%", top: "22%" }]
         data = data.map((x, i) => {
           return {
             ...x,
@@ -346,10 +346,10 @@ class Gvc extends Component {
       <li>
         <div className={"top_div"}>
           <div class="animate__animated animate__pulse animate__slower animate__infinite">
-            {i === 0 && <img className={"img1"} src={require("@assets/imgs/gvc/qiu1.png").default} alt="" />}
-            {i === 1 && <img className={"img1"} src={require("@assets/imgs/gvc/qiu2.png").default} alt="" />}
-            {i === 2 && <img className={"img1"} src={require("@assets/imgs/gvc/qiu3.png").default} alt="" />}
-            {i === 3 && <img className={"img1"} src={require("@assets/imgs/gvc/qiu4.png").default} alt="" />}
+            {i === 0 && <img class="img1" src={require("@assets/imgs/dataVimg/qiu1.png").default} alt="" />}
+            {i === 1 && <img class="img1" src={require("@assets/imgs/dataVimg/qiu2.png").default} alt="" />}
+            {i === 2 && <img class="img1" src={require("@assets/imgs/dataVimg/qiu3.png").default} alt="" />}
+            {i === 3 && <img class="img1" src={require("@assets/imgs/dataVimg/qiu4.png").default} alt="" />}
             {i === 0 && <img src={require("@assets/imgs/gvc/qiuH1.png").default} alt="" class="img2 animate__animated animate__heartBeat animate__slower animate__infinite" />}
             {i === 1 && <img src={require("@assets/imgs/gvc/qiuH2.png").default} alt="" class="img2 animate__animated animate__heartBeat animate__slower animate__infinite" />}
             {i === 2 && <img src={require("@assets/imgs/gvc/qiuH3.png").default} alt="" class="img2 animate__animated animate__heartBeat animate__slower animate__infinite" />}
@@ -377,13 +377,13 @@ class Gvc extends Component {
     let { totalValue, yearDecline, yearSend, imgMsgData } = this.store.state;
     let { LeftHtml, updateTime } = this.state;
     return (
-      <div className={[styles.home_box + ' home_box']}>
+      <div className={[styles.gvc_home + ' home_box ']}>
         <div className={"all_box"}>
           {/* 视频播放器 */}
           <MapViewTwo></MapViewTwo>
           <div className={"video_box gvc_video"}>
             <div className="alls">
-              <video src={require("@assets/imgs/gvc/video2.mp4").default} autoplay="autoplay" loop="loop" class="video2 center_box2 animate__animated animate__fadeIn animate__delay-2s">
+              <video src={require("@assets/imgs/dataVimg/videoGvc2.mp4").default} autoplay="autoplay" loop="loop" class="video_box_2 center_box2 animate__animated animate__fadeIn animate__delay-2s">
               </video>
             </div>