@dayan_hjm лет назад: 2
Родитель
Сommit
bfda9c3f14
3 измененных файлов с 18 добавлено и 13 удалено
  1. 6 3
      src/pages/gvc/component/rightBottomView.jsx
  2. 8 6
      src/pages/gvc/style.less
  3. 4 4
      src/pages/gvc/view.jsx

+ 6 - 3
src/pages/gvc/component/rightBottomView.jsx

@@ -2,7 +2,7 @@
2
  * @Author: dayan_hjm 累计销量客户
2
  * @Author: dayan_hjm 累计销量客户
3
  * @Date: 2023-10-23 09:32:12 
3
  * @Date: 2023-10-23 09:32:12 
4
  * @Last Modified by: dayan_hjm
4
  * @Last Modified by: dayan_hjm
5
- * @Last Modified time: 2023-11-28 10:27:31
5
+ * @Last Modified time: 2023-11-28 15:15:55
6
  */
6
  */
7
 
7
 
8
 import React, { useState, useEffect, Component } from "react";
8
 import React, { useState, useEffect, Component } from "react";
@@ -62,9 +62,12 @@ class RightBottomView extends Component {
62
       arrows:false,
62
       arrows:false,
63
       infinite: true,
63
       infinite: true,
64
       autoplay: true,
64
       autoplay: true,
65
-      autoplaySpeed: 2500,//自动播放的时间
65
+      speed: 2000,
66
+      autoplaySpeed: 2000,
67
+      cssEase: "linear",
68
+      // autoplaySpeed: 1000,//自动播放的时间
66
       // fade: true,//是否采用淡入淡出的效果  竖着的滚动方式不能添加此动效
69
       // fade: true,//是否采用淡入淡出的效果  竖着的滚动方式不能添加此动效
67
-      slidesToShow: data_item.length >= 8 ? 8 : data_item.length,
70
+      slidesToShow: data_item.length >= 7 ? 7 : data_item.length,
68
       slidesToScroll: 1,
71
       slidesToScroll: 1,
69
       vertical: true,
72
       vertical: true,
70
       verticalSwiping: true,
73
       verticalSwiping: true,

+ 8 - 6
src/pages/gvc/style.less

@@ -206,7 +206,7 @@
206
 
206
 
207
           li {
207
           li {
208
             position: absolute;
208
             position: absolute;
209
-            width: 17em;
209
+            width: 19em;
210
             height: 4em;
210
             height: 4em;
211
             opacity: 1;
211
             opacity: 1;
212
             background: linear-gradient(0deg, #ffffff26 0%, #ffffff00 100%);
212
             background: linear-gradient(0deg, #ffffff26 0%, #ffffff00 100%);
@@ -300,9 +300,9 @@
300
           width: 15%;
300
           width: 15%;
301
           position: absolute;
301
           position: absolute;
302
           right: 0;
302
           right: 0;
303
-          bottom: 10%;
303
+          bottom: 23%;
304
           z-index: 9;
304
           z-index: 9;
305
-          height: 60%;
305
+          height: 45%;
306
 
306
 
307
           .title_ {
307
           .title_ {
308
             text-align: left;
308
             text-align: left;
@@ -376,19 +376,21 @@
376
 
376
 
377
         @media (min-height: 800px) {
377
         @media (min-height: 800px) {
378
           .rightContent {
378
           .rightContent {
379
-            bottom: 3%;
379
+            bottom: 20%;
380
+            height: 38%;
380
           }
381
           }
381
         }
382
         }
382
 
383
 
383
         @media (min-height: 900px) {
384
         @media (min-height: 900px) {
384
           .rightContent {
385
           .rightContent {
385
-            bottom: 3%;
386
+            bottom: 20%;
386
           }
387
           }
387
         }
388
         }
388
 
389
 
389
         @media (min-height: 1000px) {
390
         @media (min-height: 1000px) {
390
           .rightContent {
391
           .rightContent {
391
-            bottom: -5%;
392
+            bottom: 22%;
393
+            height: 32%;
392
           }
394
           }
393
         }
395
         }
394
       }
396
       }

+ 4 - 4
src/pages/gvc/view.jsx

@@ -2,7 +2,7 @@
2
  * @Author: dayan_hjm  产供销价值链
2
  * @Author: dayan_hjm  产供销价值链
3
  * @Date: 2023-11-10 10:19:34 
3
  * @Date: 2023-11-10 10:19:34 
4
  * @Last Modified by: dayan_hjm
4
  * @Last Modified by: dayan_hjm
5
- * @Last Modified time: 2023-11-28 10:30:13
5
+ * @Last Modified time: 2023-11-28 15:23:49
6
  */
6
  */
7
 
7
 
8
 import React, { useState, useEffect, Component } from "react";
8
 import React, { useState, useEffect, Component } from "react";
@@ -200,7 +200,7 @@ class Gvc extends Component {
200
   async getUrl4() {
200
   async getUrl4() {
201
     await smallShopService().then(({ data = [], resultCode }) => {
201
     await smallShopService().then(({ data = [], resultCode }) => {
202
       if (+resultCode === 0) {
202
       if (+resultCode === 0) {
203
-        const style__ = [{}, { left: "88%", top: "28%" }, { left: "70%", top: "46%" }, { left: "52%", top: "59%" }, { left: "29%", top: "76%" }, { left: "11%", top: "89%" }]
203
+        const style__ = [{}, { left: "87%", top: "28%" }, { left: "69%", top: "46%" }, { left: "52%", top: "59%" }, { left: "29%", top: "76%" }, { left: "11%", top: "89%" }]
204
         data = data.map((x, i) => {0
204
         data = data.map((x, i) => {0
205
           return {
205
           return {
206
             ...x,
206
             ...x,
@@ -359,7 +359,7 @@ class Gvc extends Component {
359
             
359
             
360
             <span class="topMsg_number_2" style={{ fontSize: "0.75em", color: "#fff" }}>吨</span>
360
             <span class="topMsg_number_2" style={{ fontSize: "0.75em", color: "#fff" }}>吨</span>
361
           </div>
361
           </div>
362
-          <div>
362
+          <div style={{width:"60%"}}>
363
             <p>产品库存</p>
363
             <p>产品库存</p>
364
             {
364
             {
365
               !changGif ? <span class="topMsg_number shu1">{x.num2}</span> : <span class="topMsg_number">{getThousandNum(x.num2)}</span>
365
               !changGif ? <span class="topMsg_number shu1">{x.num2}</span> : <span class="topMsg_number">{getThousandNum(x.num2)}</span>
@@ -432,7 +432,7 @@ class Gvc extends Component {
432
                                 <span>月:{item.mood}</span>
432
                                 <span>月:{item.mood}</span>
433
                                 <span>年:{item.year}</span>
433
                                 <span>年:{item.year}</span>
434
                               </div>
434
                               </div>
435
-                              <div style={{ width: "58%" }}>
435
+                              <div style={{ width: index == 5 ? "58%" : "52%" }}>
436
                                 <p className="title">
436
                                 <p className="title">
437
                                   库存/吨
437
                                   库存/吨
438
                                 </p>
438
                                 </p>