From b6b41b40e525d345d42c91d500bc27c0f032ee89 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期四, 15 九月 2022 09:32:56 +0800
Subject: [PATCH] Default Changelist
---
src/views/riskWarningSys/warningBigScreen/index.vue | 101 ++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 92 insertions(+), 9 deletions(-)
diff --git a/src/views/riskWarningSys/warningBigScreen/index.vue b/src/views/riskWarningSys/warningBigScreen/index.vue
index e0bf691..aa45e2e 100644
--- a/src/views/riskWarningSys/warningBigScreen/index.vue
+++ b/src/views/riskWarningSys/warningBigScreen/index.vue
@@ -384,7 +384,13 @@
<style scoped lang="scss">
$homeNavLengh: 8;
+ .hide{
+ display: none;
+ }
+ .showup{
+ display: block;
+ }
.dark {
width: 100%;
height: 100%;
@@ -414,12 +420,12 @@
position: inherit;
right: 20px;
top: 20px;
- font-size: 15px;
+ font-size: 1rem;
cursor: pointer;
}
div{
- font-size: 24px;
+ font-size: 1.5rem;
text-align: center;
}
}
@@ -430,7 +436,7 @@
right: 50px;
bottom: 50px;
z-index: 9999999;
- font-size: 16px;
+ font-size: 1rem;
padding: 0 10px;
border-radius: 4px;
cursor: pointer;
@@ -478,13 +484,7 @@
background: #ff0000;
}
}
- .hide{
- display: none;
- }
- .showup{
- display: block;
- }
.header-content {
width: 100%;
height: 7.8%;
@@ -704,7 +704,90 @@
background-size: 100% 100%;
color: #000;
+ .warn-dialog{
+ position: absolute;
+ z-index: 999999;
+ top: 25%;
+ left: 50%;
+ width: 50%;
+ height: 50%;
+ transform: translateX(-50%);
+ border-radius: 8px;
+ transition: .3s;
+ box-shadow: 0 15px 30px rgba(0,0,0,.2);
+ border: 1px solid #ccc;
+ padding: 40px;
+ background: #fff;
+ span{
+ position: inherit;
+ right: 20px;
+ top: 20px;
+ font-size: 1rem;
+ cursor: pointer;
+ }
+
+ div{
+ font-size: 1.5rem;
+ text-align: center;
+ }
+ }
+
+ .info-panel{
+ position: absolute;
+ width: 20%;
+ right: 50px;
+ bottom: 50px;
+ z-index: 9999999;
+ font-size: 1rem;
+ color: #333;
+ padding: 0 10px;
+ border-radius: 4px;
+ cursor: pointer;
+ box-shadow: 0 15px 30px rgba(0,0,0,.2);
+ border: 1px solid #ccc;
+ background: #fff;
+
+ .info-tit{
+ display: flex;
+ align-items: center;
+ padding: 10px;
+ border-bottom: 1px solid #ccc;
+ justify-content: space-between;
+
+ &>div{
+ display: flex;
+ align-items: center;
+
+ img{
+ width: 18px;
+ height: 18px;
+ margin-right: 10px;
+ }
+ }
+ }
+
+ .info-desc{
+ padding: 15px 10px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+ .info-num{
+ position: inherit;
+ width: 24px;
+ height: 24px;
+ line-height: 24px;
+ text-align: center;
+ left: -12px;
+ top: -12px;
+ color: #fff;
+ z-index: 999999999;
+ border-radius: 50%;
+ border: 1px solid #ff0000;
+ background: #ff0000;
+ }
+ }
.header-content {
width: 100%;
--
Gitblit v1.9.2