diff --git a/src/assets/DetectUI.html b/src/assets/DetectUI.html index 730e903..55c9e4e 100644 --- a/src/assets/DetectUI.html +++ b/src/assets/DetectUI.html @@ -1,4 +1,4 @@ - +` @@ -12,9 +12,277 @@ #pie { width: 400px; height: 400px; + } + .mainbody{ + position: absolute; + left: 190px; + } + .wrap{ + width: 260px; + height: 100%; + background-color: #dce0e9; + position: fixed; + } + .header{ + width: 100%; + height: 65px; + background-color: #adadad; + font-size: 24px; + color: #fff; + text-align: center; + line-height: 65px; + } + .nav{ + width:250px; + margin: 10px 5px 0; + } + .list{ + margin-bottom: 5px; + } + .list h2{ + position: relative; + padding: 15px 0; + background-color: #3889d4; + text-align: center; + font-size: 16px; + color: #fff; + transition: .5s; + } + .list h2.on{ + background-color: #393c4a; + } + .list i{ + position: absolute; + right: 10px; + top: 16px; + border: 8px solid transparent; + border-left-color: #fff;/*triangle*/ + transform:rotate(0deg); + transform-origin: 1px 8px; + transition: .5s; + } + .list i.on{ + transform:rotate(90deg); + } + .hide{ + overflow: hidden; + height: 0; + transition: .5s; + } + .hide h5{ + padding: 10px 0; + background-color: #282c3a; + text-align: center; + color:#fff; + border-bottom:#42495d; + div{ + display: block; +} +.h1, .h2, .h3, .h4, .h5, .h6, a, abbr, body, cite, dd, dl, dt, h1, h2, h3, h4, h5, h6, iframe, input, li, object, ol, p, pre, span, ul { + font-family: 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif; +} +a{ + text-decoration: none; + cursor: pointer; +} +ul, li, ol, dl, dt, dd { + list-style: none; +} +div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, table, tr, td, th, tbody, tfoot, thead, video { + border: 0; + margin: 0; + padding: 0; +} + + +.my_msg_list{ + position:inherit; + margin-top: 50px; + width: 1300px; + min-height: 400px; + margin-bottom: 20px; +} +.my_msg_list_view{ + position: relative; + margin-left: 100px; + background-color: #fff; + padding: 24px 16px; + -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.28); + box-shadow: 0 2px 4px 0 rgba(0,0,0,0.28); +min-height: 520px; + box-sizing: border-box; +} +.my_msg_list_box{ + border: 0; + margin: 0; + padding: 0; + box-sizing: border-box; +} +.my_msg_list_con{ + border: 0; + margin: 0; + padding: 0; + box-sizing: border-box; +} +.my_msg_list_title{ + width: 100%; + margin: 0; + font-size: 14px; + color: #3d3d3d; + margin-bottom: 8px; + display: block; + overflow: hidden; + zoom: 1; + box-sizing: border-box; +} +.fr{ + float: right!important; + display: inline-block; + color: #4a90e2; +} +.line{ + display: inline-block; + height: 12px; + margin: 2px 12px; + border-right: 1px solid #979797; +} + +.msg_list{ + padding: 0 0 0 15px; + min-height: 370px; + box-sizing: border-box; +} +.msg_list_ul{ + font-size: 14px; + vertical-align: baseline; + margin: 0; + padding: 0; +} +.msg_list_ul_li{ + position: relative; + padding: 16px 0; + border-bottom: 1px solid #e0e0e0; +} +.msg_type{ + display: inline-block; + height: 40px; + line-height: 40px; + padding: 0 5px; + color: #4d4d4d; + font-size: 25px; + text-align: center; + background-color: #fff; + border: 1px solid #e0e0e0; + vertical-align: top; +} +.msg_info_box{ + width: 100%; + color: #4d4d4d; + display: inline-block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; +} +.msg_title{ + display: inline-block; + width: 85%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; +} +.options-f{ + width: 16%; + height: 20px; + margin: 0; + margin-top: -20px; + padding: 0; +} + +.msg_delete{ + width: 10px; + height: 10px; + float: right; +} +.msg_content{ + margin-top: 15px; + margin-bottom: -16px; + padding: 15px; + background-color: #f7f7f7; + font-size: 14px; + color: #4d4d4d; + line-height: 22px; +} + +.page-box{ + width: 100%; + margin: 32px 0 20px; + text-align: center; + border-top-color: initial; + border-right-color: initial; + border-bottom-color: initial; + border-left-color: initial; +} +.ule { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} +.lie { + width: 23%; + display: inline-block; + font: 13px sans-serif; +} +.lie a { + display: block; + color: rgb(39, 124, 184); + text-align: center; + padding: 14px 70px; + text-decoration: none; +} +.lie a:hover { + background-color: #e3e3f5; +} +.ula { + width: 100%; + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} +.lia { + width: 23%; + display: inline-block; + font: 13px sans-serif; +} +.lia a { + display: block; + font-size: larger; + color: rgb(0, 0, 0); + text-align: center; + padding: 14px 50px; + text-decoration: none; +} +.lia a:hover { + background-color: #b7b7b7; +} +.square{ + width:200px; + + height:5px; + + border:1px solid transparent; + + background: #06b81a; + } + + + + } -
北京
-
- -
+
100ms
正常
TCP
-
- - - 2019-03-28 -
-
第一个测试发送消息的内容
-
  • 长沙
    @@ -189,15 +483,7 @@
    受损
    TCP
    -
    - - - 2019-03-28 -
    -
    第一个测试发送消息的内容
  • @@ -206,26 +492,15 @@
    繁忙
    TCP
    -
    - - - 2019-03-28 -
    -
    第三个测试发送消息的内容，大声说出你们的爱
    • -
    -
    - - + \ No newline at end of file diff --git a/src/assets/LoginUI.html b/src/assets/LoginUI.html index 200f410..56a6fc9 100644 --- a/src/assets/LoginUI.html +++ b/src/assets/LoginUI.html @@ -155,4 +155,45 @@ function ChangeImg() { //设置定时器，每隔两秒切换一张图片 setInterval(ChangeImg,8000); - \ No newline at end of file + + \ No newline at end of file diff --git a/src/assets/MainPageUI.html b/src/assets/MainPageUI.html index a574603..64b6ed1 100644 --- a/src/assets/MainPageUI.html +++ b/src/assets/MainPageUI.html @@ -7,6 +7,98 @@ width: 400px; height: 400px; } + .downorder{ + width: 100px; + position: relative; + height: auto; + margin: auto; +} +.downorder:hover a{ + display: block; +} +.order{ + position: relative; + text-align: center; + display: inline-block; + font-size: 16px; + padding: 15px; + background-color: rgb(1, 1, 1); + color: aliceblue; +} +.order:hover{ + background-color: rgb(0, 0, 0); + color: rgb(6, 80, 238); +} +.downtext{ + position: relative; + text-align: center; + display: inline-block; + font-size: 10px; + background-color: rgba(182, 182, 182,0.75); + color: aliceblue; +} +.downtext a{ + /* display: block; */ + display: none; + padding: 15px; +} +.downtext a:hover{ + background-color: rgba(182, 182, 182,0.25); + color: rgb(58, 76, 243); +} + /* 遮罩层 */ + #overlay { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + font-size: 16px; + /* IE9以下不支持rgba模式 */ + background-color: rgba(0, 0, 0, 0.5); + /* 兼容IE8及以下 */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); + display: none; + } + /* 弹出框主体 */ + .popup { + background-color: #ffffff; + max-width: 400px; + min-width: 200px; + height: 240px; + border-radius: 5px; + margin: 100px auto; + text-align: center; + } + /* 弹出框的标题 */ + .popup_title { + height: 60px; + line-height: 60px; + border-bottom: solid 1px #cccccc; + } + /* 弹出框的内容 */ + .popup_content { + height: 50px; + line-height: 50px; + padding: 15px 20px; + } + /* 弹出框的按钮栏 */ + .popup_btn { + padding-bottom: 10px; + } + /* 弹出框的按钮 */ + .popup_btn button { + color: #778899; + width: 40%; + height: 40px; + cursor: pointer; + border: solid 1px #cccccc; + border-radius: 5px; + margin: 5px 10px; + color: #ffffff; + background-color: #337ab7; + } + @@ -29,7 +121,10 @@

    - +

    @@ -44,8 +139,30 @@
    @@ -115,6 +232,20 @@
    查看Nginx日志
    +
    @@ -167,7 +298,10 @@

    HADG

    旨在为全军指挥信息系统提供坚实保障，开发更高效的网关服务

    - +
    @@ -177,7 +311,7 @@

    - 意见反馈 + 意见反馈 用户协议 交流QQ群 湘ICP备20002562号-1 @@ -188,5 +322,15 @@

    - + \ No newline at end of file diff --git a/src/assets/RegisterUI.html b/src/assets/RegisterUI.html index 16902a5..6cbfe2c 100644 --- a/src/assets/RegisterUI.html +++ b/src/assets/RegisterUI.html @@ -4,7 +4,7 @@ 注册页面 - +