tcjlj/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2025-02-02 11:08:13 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed: #175 || improve gallery page scroll performance

Browse Source
This commit is contained in:
Molunerfinn 2019-03-26 17:18:52 +08:00
parent 69d660fe7e
commit a4056cbe58
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/pages/Gallery.vue
View File

@ -74,9 +74,9 @@
<el-col :span="6" v-for="(item, index) in images" :key="item.id" class="gallery-list__img"> <el-col :span="6" v-for="(item, index) in images" :key="item.id" class="gallery-list__img">
<div <div
class="gallery-list__item" class="gallery-list__item"
v-lazy:background-image="item.imgUrl"
@click="zoomImage(index)" @click="zoomImage(index)"
> >
<img v-lazy="item.imgUrl" class="gallery-list__item-img">
</div> </div>
<div class="gallery-list__tool-panel"> <div class="gallery-list__tool-panel">
<i class="el-icon-document" @click="copy(item)"></i> <i class="el-icon-document" @click="copy(item)"></i>
@ -423,12 +423,11 @@ export default {
&__item &__item
width 100% width 100%
height 120px height 120px
background-size cover
background-position 50% 50%
background-repeat no-repeat
transition all .2s ease-in-out transition all .2s ease-in-out
cursor pointer cursor pointer
margin-bottom 8px margin-bottom 8px
overflow hidden
display flex
&-fake &-fake
position absolute position absolute
top 0 top 0
@ -437,8 +436,10 @@ export default {
width 100% width 100%
z-index -1 z-index -1
&:hover &:hover
background-color #49B1F5
transform scale(1.1) transform scale(1.1)
&-img
width 100%
object-fit fill
&__tool-panel &__tool-panel
color #ddd color #ddd
i i