apply-clients 3.0.4 → 3.0.5-ys

package/src/bootstrap/less/aofeng/themeOne/BinaryTemplate.less

@@ -0,0 +1,478 @@
+
+//@screenheight:`document.body.clientHeight+'px'`;
+
+//.html-hight(){
+//  height: ;
+//}
+
+.a-tabs a {
+  &,
+  &:hover,
+  &:focus {
+    border-bottom: 2px solid #5ac0d9;
+    color: #5ac0d9;
+    //background-color: #e7f3fe;
+  }
+}
+
+.foot_tabset>.span>.tab-pane{
+  padding-top: 0!important;
+  background-color:#e8f4ff!important;
+}
+.foot_tabset>.flex>.span>.tab-pane{
+  padding-top: 0!important;
+  background-color:#e8f4ff!important;
+}
+@media screen and (min-width: 1920px) {
+
+  .basic-main{
+    padding: 1%;
+    margin:  1%;
+    width: 98%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+
+  .three{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .three-left{
+    padding: 1%;
+    margin:  1% 0 1% 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-center{
+    padding: 1%;
+    margin:  1% 0 1% 0;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-right{
+    padding: 1%;
+    margin: 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  //.tab-pane{
+  //  padding-top: 0!important;
+  //  background-color: #ffffff!important;
+  //}
+
+  .binary-left{
+    padding: 1%;
+    margin:   1%;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary-right {
+    padding: 0 1% 1% 1%;
+    margin: 1% 1% 1% 0;
+    width: 39%;
+    height: 100%;
+    background-color: #ffffff;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+    border-radius: 14px;
+  }
+
+  .binary-right-main{
+    padding-top: 1%;
+    overflow-y: auto;
+    overflow-x: auto;
+    height: calc(((((100vh*0.93)*0.936)*0.99)*0.936)*0.98);
+    border-radius: 0 0 14px 14px;
+  }
+
+  .form-group{
+    height: auto;
+  }
+
+
+}
+
+/*分辨率@1920*1080*/
+@media screen and (max-width: 1920px) {
+
+  .basic-main{
+    padding: 1%;
+    margin:  1%;
+    width: 98%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .three-left{
+    padding: 1%;
+    margin:  1% 0 1% 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-center{
+    padding: 1%;
+    margin:  1% 0 1% 0;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-right{
+    padding: 1%;
+    margin: 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  //.tab-pane{
+  //  padding-top: 0!important;
+  //  background-color: #ffffff!important;
+  //}
+
+  .binary-left{
+    padding: 1%;
+    margin:   1%;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary-right {
+    padding: 0 1% 1% 1%;
+    margin: 1% 1% 1% 0;
+    width: 39%;
+    height: 100%;
+    background-color: #ffffff;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+    border-radius: 14px;
+  }
+
+  .binary-right-main{
+    padding-top: 1%;
+    overflow-y: auto;
+    overflow-x: auto;
+    height: calc(((((100vh*0.93)*0.936)*0.99)*0.936)*0.98);
+    border-radius: 0 0 14px 14px;
+  }
+
+  .form-group{
+    height: auto;
+  }
+
+
+}
+
+/*分辨率@1366*768*/
+@media screen and (max-width: 1366px) {
+  .basic-main{
+    padding: 1%;
+    margin:  1%;
+    width: 98%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .three-left{
+    padding: 1%;
+    margin:  1% 0 1% 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-center{
+    padding: 1%;
+    margin:  1% 0 1% 0;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-right{
+    padding: 1%;
+    margin: 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  //.tab-pane{
+  //  padding-top: 0!important;
+  //  background-color: #ffffff!important;
+  //}
+
+  .binary-left{
+    padding: 1%;
+    margin:   1%;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary-right {
+    padding: 0 1% 1% 1%;
+    margin: 1% 1% 1% 0;
+    width: 39%;
+    height: 100%;
+    background-color: #ffffff;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+    border-radius: 14px;
+  }
+
+  .binary-right-main{
+    padding-top: 1%;
+    overflow-y: auto;
+    overflow-x: auto;
+    height: calc(((((100vh*0.93)*0.936)*0.99)*0.936)*0.98);
+    border-radius: 0 0 14px 14px;
+  }
+
+  .form-group{
+    height: auto;
+  }
+
+}
+
+
+
+/*分辨率@1280*720*/
+@media screen and (max-width: 1280px) {
+  .basic-main{
+    padding: 1%;
+    margin:  1%;
+    width: 98%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .three-left{
+    padding: 1%;
+    margin:  1% 0 1% 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-center{
+    padding: 1%;
+    margin:  1% 0 1% 0;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-right{
+    padding: 1%;
+    margin: 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  //.tab-pane{
+  //   padding-top: 0!important;
+  //   background-color: #ffffff!important;
+  // }
+
+  .binary-left{
+    padding: 1%;
+    margin:   1%;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary-right {
+    padding: 0 1% 1% 1%;
+    margin: 1% 1% 1% 0;
+    width: 39%;
+    height: 100%;
+    background-color: #ffffff;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+    border-radius: 14px;
+  }
+
+  .binary-right-main{
+    padding-top: 1%;
+    overflow-y: auto;
+    overflow-x: auto;
+    height: calc(((((100vh*0.93)*0.936)*0.99)*0.936)*0.98);
+    border-radius: 0 0 14px 14px;
+  }
+
+  .form-group{
+    height: auto;
+  }
+
+}
+
+
+/*分辨率@800*600*/
+@media screen and (max-width: 800px) {
+  .basic-main{
+    padding: 1%;
+    margin:  1%;
+    width: 98%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .three-left{
+    padding: 1%;
+    margin:  1% 0 1% 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-center{
+    padding: 1%;
+    margin:  1% 0 1% 0;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .three-right{
+    padding: 1%;
+    margin: 1%;
+    width: 19%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary{
+    display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+
+
+
+  .binary-left{
+    padding: 1%;
+    margin:   1%;
+    width: 58%;
+    height: 100%;
+    background-color: #ffffff;
+    border-radius: 14px;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+  }
+  .binary-right {
+    padding: 0 1% 1% 1%;
+    margin: 1% 1% 1% 0;
+    width: 39%;
+    height: 100%;
+    background-color: #ffffff;
+    box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
+    border-radius: 14px;
+  }
+
+  .binary-right-main{
+    padding-top: 1%;
+    overflow-y: auto;
+    overflow-x: auto;
+    height: calc(((((100vh*0.93)*0.936)*0.95)*0.936)*0.98);
+    border-radius: 0 0 14px 14px;
+  }
+
+  .form-group{
+    height: auto;
+  }
+
+}