From 370803bd0c995a7a9d4b54c4a0fe5c9cbf928b17 Mon Sep 17 00:00:00 2001 From: 黄何裕 <1053952480@qq.com> Date: 星期二, 30 七月 2024 16:17:02 +0800 Subject: [PATCH] ?? --- src/views/screen/newPage/index.vue | 43 +++++++++++++++++++++++++++++++------------ 1 files changed, 31 insertions(+), 12 deletions(-) diff --git a/src/views/screen/newPage/index.vue b/src/views/screen/newPage/index.vue index ddeb34a..8924d8b 100644 --- a/src/views/screen/newPage/index.vue +++ b/src/views/screen/newPage/index.vue @@ -17,10 +17,10 @@ </div> <div style="display: flex; justify-content: space-between"> <div class="left_box"> - <div class="titleCard" style="height: 90px ;width:450px ;"> + <div class="titleCard" style="height: 90px; width: 450px"> <div>杩愮淮鑰冩牳澶у睆</div> </div> - <div class="card" style="height: 622px;"> + <div class="card" style="height: 622px"> <div class="card_header"><div class="title">宸ュ崟鏁版嵁</div></div> <div><ScreenData></ScreenData></div> </div> @@ -138,7 +138,7 @@ <div class="footer_card"> <div class="card_header"> <div class="title">浜鸿劯鑰冩牳鏁版嵁</div> - <div style="width: 600px; margin-left: -20px;"> + <div style="width: 600px; margin-left: -20px"> <ExamineChart class="wrapper-item"></ExamineChart> </div> </div> @@ -146,7 +146,7 @@ <div class="footer_card"> <div class="card_header"> <div class="title">杞﹁締鑰冩牳鏁版嵁</div> - <div style="width: 600px;margin-left: -20px;"> + <div style="width: 600px; margin-left: -20px"> <ExamineChart class="wrapper-item"></ExamineChart> </div> </div> @@ -154,7 +154,7 @@ <div class="footer_card"> <div class="card_header"> <div class="title">瑙嗛鑰冩牳鏁版嵁</div> - <div style="width: 600px;margin-left: -20px;"> + <div style="width: 600px; margin-left: -20px"> <ExamineChart class="wrapper-item"></ExamineChart> </div> </div> @@ -240,10 +240,20 @@ } .is-active { color: #66b5ff !important; - background: url("../../../assets/images/screen/button1.png"); - background-size: cover !important; - background-repeat: no-repeat !important; - background-position: center center !important; + // background: url("../../../assets/images/screen/button1.png"); + // background-size: cover !important; + // background-repeat: no-repeat !important; + // background-position: center center !important; + background: linear-gradient(#66b5ff, #66b5ff) left top, + linear-gradient(#66b5ff, #66b5ff) left top, + linear-gradient(#66b5ff, #66b5ff) right top, + linear-gradient(#66b5ff, #66b5ff) right top, + linear-gradient(#66b5ff, #66b5ff) left bottom, + linear-gradient(#66b5ff, #66b5ff) left bottom, + linear-gradient(#66b5ff, #66b5ff) right bottom, + linear-gradient(#66b5ff, #66b5ff) right bottom; + background-repeat: no-repeat; + background-size: 0.1vw 0.5vw, 0.5vw 0.1vw; } } ::v-deep .el-input__inner { @@ -272,8 +282,17 @@ margin: 5px 30px; padding: 0px 25px !important; border-radius: 5px; - border: 1px solid rgba(92, 148, 233, 0.4); - background-color: rgba(65, 136, 242, 0.1); + background: linear-gradient(#ffffff, #ffffff) left top, + linear-gradient(#ffffff, #fff) left top, + linear-gradient(#ffffff, #ffffff) right top, + linear-gradient(#ffffff, #ffffff) right top, + linear-gradient(#ffffff, #ffffff) left bottom, + linear-gradient(#ffffff, #ffffff) left bottom, + linear-gradient(#ffffff, #ffffff) right bottom, + linear-gradient(#ffffff, #ffffff) right bottom; + background-repeat: no-repeat; + background-size: 0.1vw 0.5vw, 0.5vw 0.1vw; + // background-color: rgba(65, 136, 242, 0.1); // background: url("../../../assets/images/screen/button.png"); // background-size: 100% 100%; // background-repeat: no-repeat !important; @@ -299,7 +318,7 @@ font-weight: bold; position: absolute; top: -60px; - left:0px; + left: 0px; } } .large_screen_box { -- Gitblit v1.8.0