1.更新西安大屏样式
This commit is contained in:
2024-06-15 13:51:44 +08:00
parent 1adff85a83
commit f6129b7aa4
12 changed files with 138 additions and 83 deletions
+3 -29
View File
@@ -1,7 +1,7 @@
<template>
<div class="title-d">
<div class="title-d public-title" :class="props.themeType">
<span>{{ props.title }}</span>
<div>
<div v-if="props.themeType !== 'light'">
<span class="tips"><slot name="right"></slot></span>
<img src="../assets/img/point.png" alt="" />
</div>
@@ -34,36 +34,10 @@
text-align: left;
height: 40px;
line-height: 40px;
background: linear-gradient(90deg, rgba(106, 112, 124, 0.4) 0%, rgba(106, 112, 124, 0) 70%, rgba(106, 112, 124, 0) 100%);
opacity: 1;
border-top: 1px solid #6a707c;
border-bottom: 1px solid #6a707c;
border-image: linear-gradient(
90deg,
rgba(217.0000022649765, 231.00000143051147, 255, 0.5),
rgba(217.0000022649765, 231.00000143051147, 255, 0)
)
1 1;
color: #ffffff;
font-size: 20px;
font-weight: 700;
display: flex;
justify-content: space-between;
&:before {
position: absolute;
content: '';
width: 7px;
height: 100%;
top: 0;
left: 0;
background-color: #45a2ff;
}
.tips {
font-size: 16px;
padding-right: 10px;
font-weight: normal;
}
}
</style>