init: 智能制造工厂平台看板项目首次入库
This commit is contained in:
XingCheng3
3125
public/css/animate.css
vendored
Normal file
3125
public/css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
160
public/css/animations.css
Normal file
160
public/css/animations.css
Normal file
@@ -0,0 +1,160 @@
|
||||
/*!
|
||||
Animate.css - http://daneden.me/animate
|
||||
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
||||
|
||||
Copyright (c) 2014 Daniel Eden
|
||||
*/
|
||||
|
||||
@import url(animate.css);
|
||||
|
||||
/*
|
||||
Theme Name: Worthy - Free Powerful Theme by HtmlCoder
|
||||
Author:HtmlCoder
|
||||
Author URI:http://www.htmlcoder.me
|
||||
Version:1.0.0
|
||||
Created:November 2014
|
||||
License: Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0/)
|
||||
File Description: Custom Animations
|
||||
*/
|
||||
|
||||
/*Custom Animations*/
|
||||
|
||||
@-webkit-keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -20px, 0);
|
||||
-ms-transform: translate3d(0, -20px, 0);
|
||||
transform: translate3d(0, -20px, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInDownSmall {
|
||||
-webkit-animation-name: fadeInDownSmall;
|
||||
animation-name: fadeInDownSmall;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInLeftSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-20px, 0, 0);
|
||||
transform: translate3d(-20px, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInLeftSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-20px, 0, 0);
|
||||
-ms-transform: translate3d(-20px, 0, 0);
|
||||
transform: translate3d(-20px, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInLeftSmall {
|
||||
-webkit-animation-name: fadeInLeftSmall;
|
||||
animation-name: fadeInLeftSmall;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInRightSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(20px, 0, 0);
|
||||
transform: translate3d(20px, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInRightSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(20px, 0, 0);
|
||||
-ms-transform: translate3d(20px, 0, 0);
|
||||
transform: translate3d(20px, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInRightSmall {
|
||||
-webkit-animation-name: fadeInRightSmall;
|
||||
animation-name: fadeInRightSmall;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInUpSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, 20px, 0);
|
||||
transform: translate3d(0, 20px, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInUpSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, 20px, 0);
|
||||
-ms-transform: translate3d(0, 20px, 0);
|
||||
transform: translate3d(0, 20px, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInUpSmall {
|
||||
-webkit-animation-name: fadeInUpSmall;
|
||||
animation-name: fadeInUpSmall;
|
||||
}
|
||||
429
public/css/content1.0.css
Normal file
429
public/css/content1.0.css
Normal file
@@ -0,0 +1,429 @@
|
||||
html,
|
||||
#body {
|
||||
margin: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
#body {
|
||||
font-size: 62.5%;
|
||||
line-height: 1.50;
|
||||
color: #333333;
|
||||
background-color: #000c3b;
|
||||
position: relative;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.banner-caption {}
|
||||
|
||||
.title-left img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.title-left {
|
||||
float: left;
|
||||
display: none;
|
||||
}
|
||||
.title-left-title-font {
|
||||
text-align: center;
|
||||
margin: 0 10px;
|
||||
background: -webkit-linear-gradient(top, #fff, #65c4f1);
|
||||
/* 背景色渐变 */
|
||||
-webkit-background-clip: text;
|
||||
/* 规定背景的划分区域 */
|
||||
-webkit-text-fill-color: transparent;
|
||||
/* 防止字体颜色覆盖 */
|
||||
}
|
||||
.panel-bottom {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box9-1 {
|
||||
display: none;
|
||||
}
|
||||
.box9-2 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.title-left {
|
||||
float: left;
|
||||
display: none;
|
||||
}
|
||||
.title-left-title-font {
|
||||
text-align: center;
|
||||
margin: 0 10px;
|
||||
background: -webkit-linear-gradient(top, #fff, #65c4f1);
|
||||
/* 背景色渐变 */
|
||||
-webkit-background-clip: text;
|
||||
/* 规定背景的划分区域 */
|
||||
-webkit-text-fill-color: transparent;
|
||||
/* 防止字体颜色覆盖 */
|
||||
}
|
||||
.panel-bottom {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.box9-1 {
|
||||
display: none;
|
||||
}
|
||||
.box9-2 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.title-left {
|
||||
float: left;
|
||||
display: none;
|
||||
}
|
||||
.title-left-title-font {
|
||||
float: left;
|
||||
margin: 0 10px;
|
||||
background: -webkit-linear-gradient(top, #fff, #65c4f1);
|
||||
/* 背景色渐变 */
|
||||
-webkit-background-clip: text;
|
||||
/* 规定背景的划分区域 */
|
||||
-webkit-text-fill-color: transparent;
|
||||
/* 防止字体颜色覆盖 */
|
||||
}
|
||||
.panel-bottom {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.box9-1 {
|
||||
display: block;
|
||||
}
|
||||
.box9-2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.title-left {
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
.title-left-title-font {
|
||||
float: left;
|
||||
margin: 0 10px;
|
||||
background: -webkit-linear-gradient(top, #fff, #65c4f1);
|
||||
/* 背景色渐变 */
|
||||
-webkit-background-clip: text;
|
||||
/* 规定背景的划分区域 */
|
||||
-webkit-text-fill-color: transparent;
|
||||
/* 防止字体颜色覆盖 */
|
||||
}
|
||||
.panel-bottom {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.box9-1 {
|
||||
display: block;
|
||||
}
|
||||
.box9-2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.caption-title {
|
||||
font-size: 3rem;
|
||||
font-weight: 900;
|
||||
line-height: 65px;
|
||||
max-width: 1010px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.data-box1 {
|
||||
border: 2px solid #032d60;
|
||||
-webkit-box-shadow: #07417a 0px 0px 10px;
|
||||
-moz-box-shadow: #07417a 0px 0px 10px;
|
||||
box-shadow: inset 0 0 30px #07417a;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.data-title-left,
|
||||
.data-title-right {
|
||||
color: #105eda;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.data-title {
|
||||
background-color: #000c3b;
|
||||
width: 178px;
|
||||
margin: -18px auto 0 auto;
|
||||
color: #83c7e3;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.data-title span {
|
||||
margin: 0 15px;
|
||||
}
|
||||
.box-bottom {
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: #032d60;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
.topL {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-top-width: 2px;
|
||||
border-top-color: #26c6f0;
|
||||
border-top-style: solid;
|
||||
border-left-width: 2px;
|
||||
border-left-color: #26c6f0;
|
||||
border-left-style: solid;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: -2px;
|
||||
}
|
||||
|
||||
.topR {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-top-width: 2px;
|
||||
border-top-color: #26c6f0;
|
||||
border-top-style: solid;
|
||||
border-right-width: 2px;
|
||||
border-right-color: #26c6f0;
|
||||
border-right-style: solid;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
right: -2px;
|
||||
}
|
||||
|
||||
.bottomL {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: #26c6f0;
|
||||
border-bottom-style: solid;
|
||||
border-left-width: 2px;
|
||||
border-left-color: #26c6f0;
|
||||
border-left-style: solid;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: -2px;
|
||||
}
|
||||
|
||||
.bottomR {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: #26c6f0;
|
||||
border-bottom-style: solid;
|
||||
border-right-width: 2px;
|
||||
border-right-color: #26c6f0;
|
||||
border-right-style: solid;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
right: -2px;
|
||||
}
|
||||
|
||||
.panel-top {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.box-echart {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.box-echart-china {
|
||||
width: 92%;
|
||||
margin: 10px auto;
|
||||
height: 500px;
|
||||
position: absolute;
|
||||
top:11%;
|
||||
left:5%;
|
||||
}
|
||||
.box-echart-3D {
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
position: absolute;
|
||||
top:0%;
|
||||
left:0%;
|
||||
frameborder: no;
|
||||
scrolling : no;
|
||||
}
|
||||
.box1-back {
|
||||
height: 600px;
|
||||
background-image: -webkit-radial-gradient(250px 250px at 50% 50%,hsla(209,99%,32%,28),hsla(228,100%,0%,0));
|
||||
background-image: radial-gradient(250px 250px at 50% 50%,hsla(209,99%,32%,28),hsla(228,100%,0%,0));
|
||||
}
|
||||
.panel-table {
|
||||
text-align: center;
|
||||
color: #ccc;
|
||||
margin: 0 auto !important;
|
||||
width: 96%;
|
||||
margin-top: 20px !important;
|
||||
padding: 0.5rem 0 !important;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.panel-table tr {
|
||||
height: 3rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.panel-table th {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.panel-table thead tr {
|
||||
border-bottom: solid 1px #a8b4be;
|
||||
border-top: solid 2px #a8b4be;
|
||||
}
|
||||
|
||||
.data-box1-data {
|
||||
padding: 0;
|
||||
margin: 0 5%;
|
||||
}
|
||||
|
||||
.data-box1-data li {
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.data-box1-font1 {
|
||||
color: #83c7e3;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.data-box1-panel {
|
||||
background-color: #214398;
|
||||
color: #fff;
|
||||
font-size: 2.4rem;
|
||||
padding: 0px 2%;
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.title-date {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.title-date {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
/*@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.title-date {
|
||||
height: 5%;
|
||||
}
|
||||
.panel-box1 {
|
||||
height: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.title-date {
|
||||
height: 5%;
|
||||
}
|
||||
.panel-box1 {
|
||||
height: 30%;
|
||||
}
|
||||
}*/
|
||||
|
||||
.title-date>p {
|
||||
color: #5b8bb6;
|
||||
/*background:linear-gradient(to bottom, #043768, #000c3b,#043768);*/
|
||||
box-shadow: inset 0 0 30px #07417a;
|
||||
border: solid 2px #032d60;
|
||||
border-radius: 10px;
|
||||
/*box-shadow:4px 2px 6px #033579, -4px -2px 6px #033579, 0px 0px 12px 5px #033579 inset;*/
|
||||
font-family: "微软雅黑";
|
||||
font-size: 2rem;
|
||||
line-height: 35px;
|
||||
line-height: 38px;
|
||||
max-width:355px;
|
||||
margin: 5px auto;
|
||||
}
|
||||
.live-box {
|
||||
padding: 0;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.live-box li {
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
margin-bottom: 4%;
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.4rem;
|
||||
width: 49%;
|
||||
background-color: #214398;
|
||||
color: #fff;
|
||||
padding: 2% 2% 0 2%;
|
||||
}
|
||||
.live-box-font1 {
|
||||
color: #f4e925;
|
||||
}
|
||||
.total-mn {
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
padding-left: 5%;
|
||||
}
|
||||
.ym-menu {
|
||||
padding: 0;
|
||||
width: 50%;
|
||||
margin: 5% auto 0 auto;
|
||||
border: 2px solid #032d60;
|
||||
}
|
||||
.ym-menu1 {
|
||||
padding: 0;
|
||||
width: 75%;
|
||||
margin: 5% auto 0 auto;
|
||||
border: 2px solid #032d60;
|
||||
}
|
||||
.ym-menu li {
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
}
|
||||
.ym-menu1 li {
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
}
|
||||
.ym-active {
|
||||
background-color: #214398;
|
||||
}
|
||||
.ym-active a {
|
||||
list-style-type: none;
|
||||
color: #fff;
|
||||
}
|
||||
.ym-active1 {
|
||||
background-color: #214398;
|
||||
}
|
||||
.ym-active1 a {
|
||||
list-style-type: none;
|
||||
color: #fff;
|
||||
}
|
||||
36
public/css/mobile.css
Normal file
36
public/css/mobile.css
Normal file
@@ -0,0 +1,36 @@
|
||||
.total-mn::after{
|
||||
clear: both;
|
||||
content: '';
|
||||
display: table;
|
||||
}
|
||||
#look div {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
@media screen and (max-width: 767px) {
|
||||
.title-date{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.ym-menu1 li{
|
||||
font-size: 1.3rem
|
||||
}
|
||||
#machineryData{
|
||||
width: 340px;
|
||||
}
|
||||
#look div{
|
||||
font-size: 1.2rem
|
||||
}
|
||||
.table-container .tg td {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.box9-1{
|
||||
display: block;
|
||||
font: 1em sans-serif;
|
||||
overflow: scroll;
|
||||
}
|
||||
.panel-table{
|
||||
width: 200%;
|
||||
}
|
||||
.tg .tg-gfc8{
|
||||
padding: 10px 1px
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user