Showing
1 changed file
with
74 additions
and
2 deletions
| @@ -21,7 +21,7 @@ | @@ -21,7 +21,7 @@ | ||
| 21 | <meta name="msapplication-config" content="images/browserconfig.xml"> | 21 | <meta name="msapplication-config" content="images/browserconfig.xml"> |
| 22 | <meta name="mobile-web-app-capable" content="yes"> | 22 | <meta name="mobile-web-app-capable" content="yes"> |
| 23 | <meta name="theme-color" content="#d89000"> | 23 | <meta name="theme-color" content="#d89000"> |
| 24 | - | 24 | + |
| 25 | <link rel="stylesheet" href="./js/plugin/layui/css/layui.css?v=1659336383769"> | 25 | <link rel="stylesheet" href="./js/plugin/layui/css/layui.css?v=1659336383769"> |
| 26 | 26 | ||
| 27 | <!-- load configure file --> | 27 | <!-- load configure file --> |
| @@ -577,7 +577,8 @@ | @@ -577,7 +577,8 @@ | ||
| 577 | <body class="geEditor"> | 577 | <body class="geEditor"> |
| 578 | <div id="geInfo"> | 578 | <div id="geInfo"> |
| 579 | <div class="geBlock"> | 579 | <div class="geBlock"> |
| 580 | - <h1>ThingsKit云组态启动中，请耐心等待</h1> | 580 | + <!-- ThingsKit云组态启动中，请耐心等待 --> |
| 581 | + <h1 id="textSpecialEffects" style="width: 100%; height: 300px"></h1> | ||
| 581 | </div> | 582 | </div> |
| 582 | <figure> | 583 | <figure> |
| 583 | <div class="dot white"></div> | 584 | <div class="dot white"></div> |
| @@ -587,6 +588,77 @@ | @@ -587,6 +588,77 @@ | ||
| 587 | <div class="dot"></div> | 588 | <div class="dot"></div> |
| 588 | </figure> | 589 | </figure> |
| 589 | </div> | 590 | </div> |
| 591 | + <script> | ||
| 592 | + var timeInterval = setInterval(() => { | ||
| 593 | + if (!echarts) return | ||
| 594 | + clearInterval(timeInterval) | ||
| 595 | + timeInterval = null | ||
| 596 | + var chartDom | ||
| 597 | + var myChart | ||
| 598 | + try { | ||
| 599 | + chartDom = document.getElementById('textSpecialEffects'); | ||
| 600 | + myChart = echarts.init(chartDom); | ||
| 601 | + } catch (Error) { | ||
| 602 | + | ||
| 603 | + } | ||
| 604 | + | ||
| 605 | + var option; | ||
| 606 | + | ||
| 607 | + option = { | ||
| 608 | + graphic: { | ||
| 609 | + elements: [ | ||
| 610 | + { | ||
| 611 | + type: 'text', | ||
| 612 | + left: 'center', | ||
| 613 | + top: 'center', | ||
| 614 | + style: { | ||
| 615 | + text: 'ThingsKit Scada', | ||
| 616 | + fontSize: 70, | ||
| 617 | + fontWeight: 'bold', | ||
| 618 | + lineDash: [0, 200], | ||
| 619 | + lineDashOffset: 0, | ||
| 620 | + fill: 'transparent', | ||
| 621 | + stroke: '#000', | ||
| 622 | + lineWidth: 1 | ||
| 623 | + }, | ||
| 624 | + keyframeAnimation: { | ||
| 625 | + duration: 3000, | ||
| 626 | + loop: true, | ||
| 627 | + keyframes: [ | ||
| 628 | + { | ||
| 629 | + percent: 0.7, | ||
| 630 | + style: { | ||
| 631 | + fill: 'transparent', | ||
| 632 | + lineDashOffset: 200, | ||
| 633 | + lineDash: [200, 0] | ||
| 634 | + } | ||
| 635 | + }, | ||
| 636 | + { | ||
| 637 | + // Stop for a while. | ||
| 638 | + percent: 0.8, | ||
| 639 | + style: { | ||
| 640 | + fill: 'transparent' | ||
| 641 | + } | ||
| 642 | + }, | ||
| 643 | + { | ||
| 644 | + percent: 1, | ||
| 645 | + style: { | ||
| 646 | + fill: 'black' | ||
| 647 | + } | ||
| 648 | + } | ||
| 649 | + ] | ||
| 650 | + } | ||
| 651 | + } | ||
| 652 | + ] | ||
| 653 | + } | ||
| 654 | + }; | ||
| 655 | + | ||
| 656 | + try { | ||
| 657 | + option && myChart.setOption(option); | ||
| 658 | + } catch (error) { } | ||
| 659 | + }, 300); | ||
| 660 | + | ||
| 661 | + </script> | ||
| 590 | <script type="text/javascript"> | 662 | <script type="text/javascript"> |
| 591 | /** | 663 | /** |
| 592 | * Main | 664 | * Main |