|
|
|
@ -15,13 +15,24 @@ |
|
|
|
background-repeat: no-repeat; |
|
|
|
width: 1400px; |
|
|
|
height:780px; |
|
|
|
padding:183px 316px 114px 800px; |
|
|
|
padding:115px 241px 115px 244px; |
|
|
|
position:relative; |
|
|
|
&>.el-image{ |
|
|
|
position:absolute; |
|
|
|
width:337px; |
|
|
|
top:249px; |
|
|
|
left:302px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
&>.img{ |
|
|
|
width:462px; |
|
|
|
height:549px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
.el-image{ |
|
|
|
max-width: 100%; |
|
|
|
max-height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
&>.content{ |
|
|
|
flex-grow: 1; |
|
|
|
padding:0 64px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -30,12 +41,17 @@ |
|
|
|
<frame> |
|
|
|
<div class="login_all"> |
|
|
|
<div> |
|
|
|
<el-image :src="`${host('imgurl')}/${getters['data/deviceInfo'].publicPic}`"> |
|
|
|
<template #error> |
|
|
|
<img src="@/assets/img/login_bg_1.png"/> |
|
|
|
</template> |
|
|
|
</el-image> |
|
|
|
<router-view/> |
|
|
|
<div class="img"> |
|
|
|
<el-image :src="`${host('imgurl')}/${getters['data/deviceInfo'].publicPic}`"> |
|
|
|
<template #error> |
|
|
|
<img src="@/assets/img/login_bg_1.png"/> |
|
|
|
</template> |
|
|
|
<template #placeholder> <div class="load"/> </template> |
|
|
|
</el-image> |
|
|
|
</div> |
|
|
|
<div class="content"> |
|
|
|
<router-view/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</frame> |
|
|
|
|
