Showing
1 changed file
with
74 additions
and
2 deletions
| ... | ... | @@ -21,7 +21,7 @@ |
| 21 | 21 | <meta name="msapplication-config" content="images/browserconfig.xml"> |
| 22 | 22 | <meta name="mobile-web-app-capable" content="yes"> |
| 23 | 23 | <meta name="theme-color" content="#d89000"> |
| 24 | - | |
| 24 | + | |
| 25 | 25 | <link rel="stylesheet" href="./js/plugin/layui/css/layui.css?v=1659336383769"> |
| 26 | 26 | |
| 27 | 27 | <!-- load configure file --> |
| ... | ... | @@ -577,7 +577,8 @@ |
| 577 | 577 | <body class="geEditor"> |
| 578 | 578 | <div id="geInfo"> |
| 579 | 579 | <div class="geBlock"> |
| 580 | - <h1>ThingsKit云组态启动中，请耐心等待</h1> | |
| 580 | + <!-- ThingsKit云组态启动中，请耐心等待 --> | |
| 581 | + <h1 id="textSpecialEffects" style="width: 100%; height: 300px"></h1> | |
| 581 | 582 | </div> |
| 582 | 583 | <figure> |
| 583 | 584 | <div class="dot white"></div> |
| ... | ... | @@ -587,6 +588,77 @@ |
| 587 | 588 | <div class="dot"></div> |
| 588 | 589 | </figure> |
| 589 | 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 | 662 | <script type="text/javascript"> |
| 591 | 663 | /** |
| 592 | 664 | * Main | ... | ... |