mt-fe-group/yudao-dev
13
0
Fork 0
Code Issues Pull Requests 1 Releases Wiki Activity

修改bug

Browse Source
This commit is contained in:
‘937886381’
2024-01-09 16:25:12 +08:00
parent 0a1bc65e79
commit f066180c26
13 changed files with 165 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/OperationalOverview/components/baseContainer/index.vue
View File

@@ -2,13 +2,13 @@
* @Author: gtz
* @Date: 2022-01-19 15:58:17
* @LastEditors: zhp
* @LastEditTime: 2024-01-04 16:16:22
* @LastEditTime: 2024-01-08 16:03:05
* @Description: file content
* @FilePath: \mt-bus-fe\src\views\OperationalOverview\components\baseContainer\index.vue
-->
<template>
<div class="base-container" ref="baseContainer" :style="{ height: '100%', fontSize: 12 + 'px', padding: 12 + 'px' }"
:class="{ 'no-padding': noPadding, 'border-none': !showLine }">
:class="[{ 'no-padding': noPadding, 'border-none': !showLine }, 'base-container__' + size]">
<!-- <div class="base-container" :style="{height: height + 'px', fontSize: 12 + 'px', padding: 12 + 'px'}"> -->
<template v-if="showLine">
<div class="line" />
@@ -74,6 +74,10 @@ export default {
beilv: {
type: Number,
default: 1
},
size: {
type: String,
default: ''
}
},
data() {
@@ -106,8 +110,25 @@ export default {
// background-color: rgba($color: #061027, $alpha: 0.15);
position: relative;
// border: 2px solid;
background: url('../../../../assets/img/energy.png') no-repeat;
background-size: 100% 100%;
// background: url('../../../../assets/img/energy.png') no-repeat;
// background-size: 100% 100%;
&__small {
background: url(../../../../assets/img/short.png) no-repeat;
background-size: 100% 100%;
// background-position: 0 0;
}
&__middle {
background: url(../../../../assets/img/middle.png) no-repeat;
background-size: 100% 100%;
// background-position: 0 0;
}
&__large {
background: url(../../../../assets/img/high.png) no-repeat;
background-size: 100% 100%;
// background-position: 0 0;
}
// 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 {
@@ -170,8 +191,8 @@ export default {
.bar-title {
width: 100%;
color: #52fff1;
font-size: 1.5em;
color: #ffffff;
font-size: 1.6em;
padding: 0.67em;
}