|
|
@@ -2,7 +2,7 @@ |
|
|
|
* @Author: gtz |
|
|
|
* @Date: 2022-01-19 15:58:17 |
|
|
|
* @LastEditors: zhp |
|
|
|
* @LastEditTime: 2024-02-20 15:25:02 |
|
|
|
* @LastEditTime: 2024-02-22 10:26:59 |
|
|
|
* @Description: file content |
|
|
|
* @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue |
|
|
|
--> |
|
|
@@ -157,12 +157,12 @@ export default { |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
|
|
|
|
.base-container { |
|
|
|
color: #fff; |
|
|
|
width: 100%; |
|
|
|
// background-color: rgba($color: #061027, $alpha: 0.15); |
|
|
|
position: relative; |
|
|
|
// filter: blur(.5px); |
|
|
|
opacity: calc(.8); |
|
|
|
// border: 2px solid; |
|
|
|
// background: url('../../../../assets/img/energy.png') no-repeat; |
|
|
@@ -170,24 +170,45 @@ export default { |
|
|
|
&__small { |
|
|
|
background: url(../../../../assets/img/short.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
// background-position: 0 0; |
|
|
|
backdrop-filter: blur(5px); |
|
|
|
} |
|
|
|
|
|
|
|
// &__small::after { |
|
|
|
// content: ""; |
|
|
|
// position: absolute; |
|
|
|
// top: 0; |
|
|
|
// left: 0; |
|
|
|
// filter: blur(20px); |
|
|
|
// z-index: -1; |
|
|
|
// } |
|
|
|
&__middle { |
|
|
|
background: url(../../../../assets/img/middle.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
// background-position: 0 0; |
|
|
|
backdrop-filter: blur(5px); |
|
|
|
} |
|
|
|
|
|
|
|
&__large { |
|
|
|
background: url(../../../../assets/img/high.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
// background-position: 0 0; |
|
|
|
backdrop-filter: blur(5px); |
|
|
|
} |
|
|
|
&__eqStatus { |
|
|
|
background: url(../../../../assets/img/short.png) no-repeat; |
|
|
|
background: url(../../../../assets/img/high.png) no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
backdrop-filter: blur(5px); |
|
|
|
} |
|
|
|
// &::after { |
|
|
|
// content: " "; |
|
|
|
// // display: block; |
|
|
|
// position: absolute; |
|
|
|
// left: 0; |
|
|
|
// top: 0; |
|
|
|
// right: 0; |
|
|
|
// bottom: 0; |
|
|
|
// // background: inherit; |
|
|
|
// /* 设置模糊,不用 filter */ |
|
|
|
// backdrop-filter: blur(5px); |
|
|
|
// z-index: -1; |
|
|
|
// } |
|
|
|
// border-radius: 40px 0px 40px 0px; |
|
|
|
// border-image: linear-gradient(360deg, rgba(157, 246, 254, 0.05), rgba(100, 233, 252, 0.9)) 2 2; |
|
|
|
// .line { |
|
|
|