Commit 2cfdf9b7 authored by “yiyousong”'s avatar “yiyousong”

perf: 优化皮肤背景设置

parent fe096b13
...@@ -155,7 +155,7 @@ export default { ...@@ -155,7 +155,7 @@ export default {
background-image: linear-gradient(#26c5ff, #2c66ff); background-image: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important ; background-repeat: no-repeat !important ;
background-position: center !important ; background-position: center !important ;
background-size: cover !important ; background-size: 100% 100% !important ;
.header { .header {
color: #fff; color: #fff;
.header-title { .header-title {
......
...@@ -210,7 +210,7 @@ export default { ...@@ -210,7 +210,7 @@ export default {
background-image: linear-gradient(#26c5ff, #2c66ff); background-image: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: center !important; background-position: center !important;
background-size: cover !important; background-size: 100% 100% !important;
.header { .header {
.header-title { .header-title {
h1 { h1 {
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
:id="componentsId" :id="componentsId"
v-if="resolution === '1920x1080'" v-if="resolution === '1920x1080'"
:style="{ :style="{
background: filterItem('1', 0), backgroundImage: filterItem('1', 0),
}" }"
> >
<!-- 头部 --> <!-- 头部 -->
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<h1 :style="{ color: filterItem('2', 0) }">政务服务中心</h1> <h1 :style="{ color: filterItem('2', 0) }">政务服务中心</h1>
</div> </div>
<div class="time" :style="{ color: filterItem('3', 0) }"> <div class="time" :style="{ color: filterItem('3', 0) }">
2022-7-18 17:00:00 星期一 <!-- 2022-7-18 17:00:00 星期一 -->
</div> </div>
</div> </div>
<!-- 主体 --> <!-- 主体 -->
...@@ -299,9 +299,9 @@ export default { ...@@ -299,9 +299,9 @@ export default {
height: 562.5px; height: 562.5px;
padding: 30px; padding: 30px;
background-image: linear-gradient(#26c5ff, #2c66ff); background-image: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat; background-repeat: no-repeat !important;
background-position: center; background-position: center !important;
background-size: cover; background-size: 100% 100% !important;
.header { .header {
h1 { h1 {
margin: 0px; margin: 0px;
......
...@@ -165,7 +165,7 @@ export default { ...@@ -165,7 +165,7 @@ export default {
background: linear-gradient(#26c5ff, #2c66ff); background: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important ; background-repeat: no-repeat !important ;
background-position: center !important ; background-position: center !important ;
background-size: cover !important ; background-size: 100% 100% !important ;
.header { .header {
width: 100%; width: 100%;
color: #fff; color: #fff;
......
...@@ -188,7 +188,7 @@ export default { ...@@ -188,7 +188,7 @@ export default {
background-image: linear-gradient(#26c5ff, #2c66ff); background-image: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: center !important; background-position: center !important;
background-size: cover !important; background-size: 100% 100% !important;
position: relative; position: relative;
.header { .header {
height: 80px; height: 80px;
...@@ -254,7 +254,8 @@ export default { ...@@ -254,7 +254,8 @@ export default {
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background: url("../../../../assets/img/bg_header.png") no-repeat; background: url("../../../../assets/img/bg_header.png");
background-repeat: no-repeat !important;
background-size: 100% 100% !important; background-size: 100% 100% !important;
flex-shrink: 0; flex-shrink: 0;
} }
......
...@@ -204,7 +204,7 @@ export default { ...@@ -204,7 +204,7 @@ export default {
background-image: linear-gradient(#26c5ff, #2c66ff); background-image: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important ; background-repeat: no-repeat !important ;
background-position: center !important ; background-position: center !important ;
background-size: cover !important ; background-size: 100% 100% !important ;
.header { .header {
width: 100%; width: 100%;
color: #fff; color: #fff;
......
...@@ -165,7 +165,7 @@ export default { ...@@ -165,7 +165,7 @@ export default {
background: linear-gradient(#26c5ff, #2c66ff); background: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important ; background-repeat: no-repeat !important ;
background-position: center !important ; background-position: center !important ;
background-size: cover !important ; background-size: 100% 100% !important ;
.header { .header {
width: 100%; width: 100%;
color: #fff; color: #fff;
......
...@@ -144,7 +144,7 @@ export default { ...@@ -144,7 +144,7 @@ export default {
background: linear-gradient(#26c5ff, #2c66ff); background: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important ; background-repeat: no-repeat !important ;
background-position: center !important ; background-position: center !important ;
background-size: cover !important ; background-size: 100% 100% !important ;
.border { .border {
border: 1px dashed #ececec; border: 1px dashed #ececec;
} }
......
...@@ -135,7 +135,7 @@ export default { ...@@ -135,7 +135,7 @@ export default {
background-image: linear-gradient(#26c5ff, #2c66ff); background-image: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: center !important; background-position: center !important;
background-size: cover !important; background-size: 100% 100% !important;
.top { .top {
width: 100%; width: 100%;
height: 40%; height: 40%;
......
...@@ -233,7 +233,7 @@ export default { ...@@ -233,7 +233,7 @@ export default {
background-image: linear-gradient(#26c5ff, #2c66ff); background-image: linear-gradient(#26c5ff, #2c66ff);
background-repeat: no-repeat !important ; background-repeat: no-repeat !important ;
background-position: center !important ; background-position: center !important ;
background-size: cover !important ; background-size: 100% 100% !important ;
.header { .header {
width: 100%; width: 100%;
color: #fff; color: #fff;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment