123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- body {
- line-height: 300px;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background: rgba(238, 235, 235, 0.5);
- background-image: url('./xlfs_jm_bg.png');
- }
- .loadP {
- /* line-height: 200px;
- font-size: 30px;
- text-align: center;
- color: rgb(40, 162, 162); */
- /* width: 157px; */
- height: 16px;
- font-size: 16px;
- font-family: Alibaba PuHuiTi;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 15px;
- margin-top: 40px;
- padding-left: 27px;
- }
- .topLine {
- display: flex;
- height: 39px;
- margin-top: 20px;
- margin-left: 27px;
- }
- .topFont {
- display: block;
- height: 16px;
- font-size: 16px;
- font-family: Alibaba PuHuiTi;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 15px;
- margin-top: 4px;
- }
- .versionFont {
- text-align: right;
- /* width: 158px; */
- display: block;
- font-size: 8px;
- font-family: PingFang SC;
- font-weight: bold;
- color: #FFFFFF;
- line-height: 15px;
- opacity: 0.7;
- margin-top: 8px;
- }
- .topProject {
- width: 157px;
- height: 16px;
- font-size: 16px;
- font-family: Alibaba PuHuiTi;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 15px;
- }
- .progress-bar {
- margin-top: 140px;
- width: 100%;
- height: 2px;
- overflow: hidden;
- box-sizing: border-box;
- border-radius: 24px;
- background-color: rgba(180, 160, 120, .2);
- position: relative;
- }
- .progress-bg {
- width: 20%;
- height: 100%;
- overflow: hidden;
- box-sizing: border-box;
- /* background-image: #00BFFF 25%; */
- background-image: linear-gradient(135deg, #36B1D1 25%, #36B1D1 0, #36B1D1 50%, #36B1D1 0, #36B1D1 75%, #36B1D1 0);
- animation: panoramic 20s linear infinite;
- background-size: 32px 100%;
- }
- @keyframes panoramic {
- to {
- background-position: 200% 0;
- }
- }
- .jimigou {
- margin-top: 5px;
- color: #FFFFFF;
- font-size: 11px;
- font-weight: 400;
- font-family: PingFang SC;
- line-height: 15px;
- margin-left: 77px;
- opacity: 0.8;
- }
- .company {
- text-align: right;
- margin-top: 20px;
- font-size: 12px;
- font-family: PingFang SC;
- font-weight: 400;
- color: #FEFEFE;
- line-height: 15px;
- opacity: 0.8;
- margin-bottom: 2px;
- }
- .website {
- margin-top: 2px;
- text-align: right;
- font-size: 12px;
- font-family: PingFang SC;
- font-weight: 400;
- color: #FEFEFE;
- line-height: 15px;
- opacity: 0.6;
- }
- .closeClass {
- margin-top: 2px;
- text-align: right;
- font-size: 12px;
- font-family: PingFang SC;
- font-weight: 400;
- color: #FEFEFE;
- line-height: 15px;
- opacity: 1;
- }
- </style>
- </head>
- <body>
- <!-- <p class="loadP"><img src="./rj_logo.png" />
- </p> -->
- <div class="closeClass"><img onclick="closeLoad()" width="15px" height="15px" style="margin-right:8px;margin-top:2px;"
- src="./close1.png" /></div>
- <div class="topLine">
- <img width="25px" height="25px" src="./rj_logo.png" />
- <div class="topFont"><span class=""> 智能心理健康检测系统</span><br><span class='versionFont'>版本1.1.5</span></div>
- </div>
- <div class="progress-bar">
- <div class="progress-bg" id="pro"></div>
- </div>
- <p class="jimigou" id="jimigou">软件启动中</p>
- <!-- <p class="jimigou" id="jimigou">检测到加密狗,软件启动中</p> -->
- <p class="company"> </p>
- <p class="website">郑州优算信息科技有限公司 </p>
- <!-- <img width="400px";height='300px' src="./xlfs_jm_bg.png" alt="" srcset=""> -->
- </body>
- </html>
- <script>
- const { ipcRenderer } = window.require('electron');
- ipcRenderer.send("main-windows-jimigou-flag", {
- type: '0',
- });
- ipcRenderer.on("main-windows-jimigou", (event, arg) => {
- if (arg.type == '1') {
- //未发现加密狗
- let dian = document.getElementById('jimigou')
- dian.innerHTML = '未检测到加密狗,软件无法启动';
- dian.style.color = '#FF3030'
- // setTimeout(() => {
- // let qq = document.getElementById('pro')
- // qq.style.width = '60%'
- // }, 1000);
- } else {
- //发现了加密狗
- //未发现加密狗
- let dian = document.getElementById('jimigou')
- // dian.innerHTML = '检测到加密狗,软件启动中...';
- dian.innerHTML = '软件启动中...';
- dian.style.color = '#FEFEFE'
- setTimeout(() => {
- let qq = document.getElementById('pro')
- qq.style.width = '60%'
- }, 1000);
- setTimeout(() => {
- let qq = document.getElementById('pro')
- qq.style.width = '80%'
- }, 1500);
- setTimeout(() => {
- let qq = document.getElementById('pro')
- qq.style.width = '100%'
- }, 3000);
- setTimeout(() => {
- ipcRenderer.send("main-windows-jimigou-flag", {
- type: '1',
- });
- }, 4000);
- }
- });
- //window-close
- function closeLoad() {
- ipcRenderer.send("window-close", {
- type: '1',
- });
- }
- // let dian = document.getElementById('dian')
- // let dianNum = ''
- // let count = 0;
- // let time = setInterval(() => {
- // count = count + 1
- // dianNum = dianNum + '.'
- // dian.innerHTML = dianNum;
- // if (count == 4) {
- // dianNum = ''
- // }
- // if (count == 6) {
- // clearInterval(time)
- // }
- // }, 500);
- </script>
|