Skip to content

S
smart_gov_platform
Commit db8c07a1 authored by “yiyousong”'s avatar “yiyousong”
Browse files
Options

perf: 修改窗口屏皮肤

parent 22ed3f58
Hide whitespace changes
Inline Side-by-side
Showing with 46 additions and 47 deletions
base-manager-ui/admin/src/pages/basicset/surface/windowskin/WindowSkin.vue
View file @ db8c07a1
...@@ -3,24 +3,17 @@ ...@@ -3,24 +3,17 @@
<!-- 窗口屏 横板 --> <!-- 窗口屏 横板 -->
<div <div
:id="componentsId" :id="componentsId"
class="window-skin-across flex jcb aic" class="window-skin-across flex flexc jcb aic"
v-if="imageResolution === '1'" v-if="imageResolution === '1'"
:style="{ :style="{
background: filterItem('1', 0), background: filterItem('1', 0),
}" }"
> >
<div class="left flex flexc jcc aic"> <div class="top flex aic">
<p class="title">异地社保</p> <div class="code" :style="{ color: filterItem('7', 0) }">A08</div>
<p class="code" :style="{ color: filterItem('7', 0) }">A08</p> <div class="title">异地社保</div>
<!-- <p><img width="100" src="../../../../assets/img/lvma.png" /></p> -->
</div> </div>
<div class="right flex1 flex flexc aic"> <div class="center flex aic jcb">
<div class="header flex aic jcc">
<!-- <img src="../../../../assets/img/logo.png" /> -->
<div>
<h1 :style="{ color: filterItem('7', 0) }">政务服务中心</h1>
</div>
</div>
<div class="call-out flex aic"> <div class="call-out flex aic">
<div class="call-out-now flex flexc aic jcb"> <div class="call-out-now flex flexc aic jcb">
<p class="call-out-title">正在办理</p> <p class="call-out-title">正在办理</p>
...@@ -47,14 +40,14 @@ ...@@ -47,14 +40,14 @@
</p> </p>
</div> </div>
</div> </div>
<ul class="list"> <ul class="list flex1">
<li>社保办理</li> <li>社保办理</li>
<li>公积金办理</li> <li>公积金办理</li>
<li>退休补偿金办理</li> <li>退休补偿金办理</li>
</ul> </ul>
<!-- 底部banner -->
<div class="footer-banner">Banner展示区</div>
</div> </div>
<!-- 底部banner -->
<div class="footer-banner flex aic jcc">Banner展示区</div>
</div> </div>
<!-- 空数据显示 --> <!-- 空数据显示 -->
<div class="empty flex aic jcc" v-else> <div class="empty flex aic jcc" v-else>
...@@ -128,30 +121,35 @@ export default { ...@@ -128,30 +121,35 @@ export default {
.window-skin-across { .window-skin-across {
width: 1000px; width: 1000px;
height: 562px; height: 562px;
padding: 20px; padding: 10px;
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: cover !important;
.left { .top {
width: 38%; width: 100%;
height: 100%; height: 40%;
margin-right: 20px; margin-bottom: 10px;
border-radius: 10px; gap: 150px;
padding: 0px 20px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 33px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 33px 5px rgba(0, 0, 0, 0.15);
.title {
font-size: 40px;
font-weight: 600;
}
.code { .code {
font-size: 120px; font-size: 150px;
font-weight: bold; font-weight: bold;
} }
.title {
font-size: 50px;
font-weight: 600;
}
} }
.right { .center {
height: 100%; width: 100%;
height: 40%;
padding: 10px; padding: 10px;
border-radius: 10px; gap: 20px;
border-radius: 4px;
background-color: #fff; background-color: #fff;
box-shadow: 0px 0px 33px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 33px 5px rgba(0, 0, 0, 0.15);
h1 { h1 {
...@@ -161,11 +159,11 @@ export default { ...@@ -161,11 +159,11 @@ export default {
font-weight: 600; font-weight: 600;
} }
.call-out { .call-out {
width: 100%; width: 60%;
height: 150px; height: 100%;
border-radius: 10px; border-radius: 4px;
margin-top: 20px;
padding: 10px 0px; padding: 10px 0px;
background: #f2f7fe;
} }
p { p {
margin: 0px; margin: 0px;
...@@ -203,8 +201,10 @@ export default { ...@@ -203,8 +201,10 @@ export default {
); );
} }
.list { .list {
width: 100%; height: 100%;
margin-top: 20px; background: #f2f7fe;
border-radius: 4px;
margin: 0px;
li { li {
font-size: 20px; font-size: 20px;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -212,18 +212,17 @@ export default { ...@@ -212,18 +212,17 @@ export default {
color: #000; color: #000;
} }
} }
.footer-banner { }
width: 100%; .footer-banner {
height: 100px; width: 100%;
margin-top: 20px; height: 19%;
background-repeat: no-repeat; margin-top: 10px;
background-position: center; background-repeat: no-repeat;
background-size: 100%; background-position: center;
border: 1px dashed #ccc; background-size: 100%;
font-size: 20px; border: 1px dashed #ccc;
text-align: center; font-size: 20px;
line-height: 100px; color: #fff;
}
} }
} }
</style> </style>
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