Skip to content

D
dwsproject
Commit ea20e945 by nningxx
Options

emd

parents b48c70c8 2a2c8198
Showing with 137 additions and 13 deletions
tht_project/static/html/big_screen/view/cook_process.html
...@@ -202,7 +202,7 @@ ...@@ -202,7 +202,7 @@
return { return {
windowHeight: window.innerHeight, // 窗口高度 windowHeight: window.innerHeight, // 窗口高度
isFullscreen: false, // 全屏状态 isFullscreen: false, // 全屏状态
baseURL: "https://tht-test.newerp.rokedata.com", // 基地址 baseURL: "", // 基地址
dwsBaseUrl: "https://dws-platform.xbg.rokeris.com/dev-api", // dws系统基地址 dwsBaseUrl: "https://dws-platform.xbg.rokeris.com/dev-api", // dws系统基地址
loading: false, // 全局加载效果 loading: false, // 全局加载效果
currentTime: "", // 当前时间 currentTime: "", // 当前时间
...@@ -1560,15 +1560,10 @@ ...@@ -1560,15 +1560,10 @@
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 20px); height: calc(100% - 20px);
padding: 10px; padding: 10px;
border-left: 2px solid #FFF; border-left: 2px solid #cbdbf8;
border-right: 2px solid #FFF; border-right: 2px solid #cbdbf8;
background: transparent;
border-radius: 10px; border-radius: 10px;
animation: rainbow-glow 5s linear infinite;
box-shadow: -10px 0 10px -10px #ff0000,
10px 0 10px -10px #ff0000,
inset -10px 0 10px -10px #ff0000,
inset 10px 0 10px -10px #ff0000;
background-color: transparent;
.badgeIcon { .badgeIcon {
position: absolute; position: absolute;
...@@ -1600,6 +1595,34 @@ ...@@ -1600,6 +1595,34 @@
} }
} }
/* 发光小点 */
.pageContentBackgroundBox::before,
.pageContentBackgroundBox::after {
content: '';
position: absolute;
top: 30px;
transform: translateX(-30%);
width: 0px;
height: 10px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 15px 3px rgba(255, 255, 255, 0.8),
0 0 15px 3px rgba(255, 255, 255, 0.8);
animation: dot-move 4s linear infinite;
z-index: 2;
}
.pageContentBackgroundBox::before {
/* 定位在左边框 */
left: -1px;
}
/* 发光小点 */
.pageContentBackgroundBox::after {
/* 定位在右边框 */
right: -1px;
}
.pageContentArea { .pageContentArea {
display: flex; display: flex;
gap: 5px; gap: 5px;
...@@ -1776,6 +1799,40 @@ ...@@ -1776,6 +1799,40 @@
border-right-color: #ff0066; border-right-color: #ff0066;
} }
} }
/* 小点移动动画 */
@keyframes dot-move {
0% {
top: 30px;
opacity: 1;
}
10% {
opacity: 1;
}
40% {
opacity: 1;
}
50% {
opacity: 0;
top: calc(100% - 30px);
}
60% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
top: 30px;
}
}
</style> </style>
</html> </html>
\ No newline at end of file
tht_project/static/html/big_screen/view/expected_process.html
...@@ -217,7 +217,7 @@ ...@@ -217,7 +217,7 @@
return { return {
windowHeight: window.innerHeight, // 窗口高度 windowHeight: window.innerHeight, // 窗口高度
isFullscreen: false, // 全屏状态 isFullscreen: false, // 全屏状态
baseURL: "https://tht-test.newerp.rokedata.com", // 基地址 baseURL: "", // 基地址
dwsBaseUrl: "https://dws-platform.xbg.rokeris.com/dev-api", // dws系统基地址 dwsBaseUrl: "https://dws-platform.xbg.rokeris.com/dev-api", // dws系统基地址
loading: false, // 全局加载效果 loading: false, // 全局加载效果
currentTime: "", // 当前时间 currentTime: "", // 当前时间
...@@ -1981,9 +1981,11 @@ ...@@ -1981,9 +1981,11 @@
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 20px); height: calc(100% - 20px);
padding: 10px; padding: 10px;
border-left: 2px solid #FFF; border-left: 2px solid #cbdbf8;
border-right: 2px solid #FFF; border-right: 2px solid #cbdbf8;
background: transparent;
border-radius: 10px; border-radius: 10px;
<<<<<<< HEAD
animation: rainbow-glow 5s linear infinite; animation: rainbow-glow 5s linear infinite;
box-shadow: -10px 0 10px -10px #ff0000, box-shadow: -10px 0 10px -10px #ff0000,
10px 0 10px -10px #ff0000, 10px 0 10px -10px #ff0000,
...@@ -1991,6 +1993,7 @@ ...@@ -1991,6 +1993,7 @@
inset 10px 0 10px -10px #ff0000; inset 10px 0 10px -10px #ff0000;
background-color: transparent; background-color: transparent;
.badgeIcon { .badgeIcon {
position: absolute; position: absolute;
background-color: #06114f; background-color: #06114f;
...@@ -2021,6 +2024,34 @@ ...@@ -2021,6 +2024,34 @@
} }
} }
/* 发光小点 */
.pageContentBackgroundBox::before,
.pageContentBackgroundBox::after {
content: '';
position: absolute;
top: 30px;
transform: translateX(-30%);
width: 0px;
height: 10px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 15px 3px rgba(255, 255, 255, 0.8),
0 0 15px 3px rgba(255, 255, 255, 0.8);
animation: dot-move 4s linear infinite;
z-index: 2;
}
.pageContentBackgroundBox::before {
/* 定位在左边框 */
left: -1px;
}
/* 发光小点 */
.pageContentBackgroundBox::after {
/* 定位在右边框 */
right: -1px;
}
.pageContentArea { .pageContentArea {
display: flex; display: flex;
gap: 5px; gap: 5px;
...@@ -2113,7 +2144,7 @@ ...@@ -2113,7 +2144,7 @@
width: calc((100% - 15px) * 0.3); width: calc((100% - 15px) * 0.3);
.itemCardBox { .itemCardBox {
height: calc((100% - 10px - 20%) / 2); height: calc((100% - 10px) * 0.4);
} }
.itemCardBox:first-child { .itemCardBox:first-child {
...@@ -2208,6 +2239,40 @@ ...@@ -2208,6 +2239,40 @@
border-right-color: #ff0066; border-right-color: #ff0066;
} }
} }
/* 小点移动动画 */
@keyframes dot-move {
0% {
top: 30px;
opacity: 1;
}
10% {
opacity: 1;
}
40% {
opacity: 1;
}
50% {
opacity: 0;
top: calc(100% - 30px);
}
60% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
top: 30px;
}
}
</style> </style>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment