joylink/official-website
Archived
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改代码

Browse Source
This commit is contained in:
lVAL 2020-09-30 11:59:14 +08:00
parent 17cbb47c51
commit bf566ef3a9
1 changed files with 13 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/PreviewImage/index.vue
View File

@ -3,9 +3,13 @@
<div class="container">
<div class="layer">
<div class="main">
<el-carousel trigger="click">
<el-carousel-item v-for="(img, i) in model.sources" :key="i">
<el-image :src="buildUrl(img)" style="width:100%;height:100%" />
<el-carousel trigger="click" height="calc(100%)">
<el-carousel-item
v-for="(img, i) in model.sources"
:key="i"
style="width:100%;height:100%"
>
<el-image :src="buildUrl(img)" />
</el-carousel-item>
</el-carousel>
</div>
@ -75,36 +79,18 @@ export default {
.el-carousel {
height: 100%;
/deep/ .el-carousel__container {
height: 100% !important;
}
.el-image {
width: 100%;
height: 100%;
}
}
.main {
flex: 1;
.info {
text-align: left;
.box {
position: relative;
z-index: 3;
height: 50px;
background-color: #26262b;
opacity: 0.2;
color: #999;
user-select: none;
display: flex;
align-items: center;
i {
font-size: 15px;
}
span {
font-size: 14px;
}
}
h3 {
padding-left: 10px;
color: #fff;
}
}
height: 100%;
}
.side {