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

Added: gallery lazy-load

Browse Source
This commit is contained in:
Molunerfinn 2018-06-26 21:11:04 +08:00
parent 4d55ac941f
commit 46189d2f34
4 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -87,6 +87,7 @@
"vue": "^2.3.3", "vue": "^2.3.3",
"vue-electron": "^1.0.6", "vue-electron": "^1.0.6",
"vue-gallery": "^1.2.4", "vue-gallery": "^1.2.4",
"vue-lazyload": "^1.2.6",
"vue-router": "^2.5.3", "vue-router": "^2.5.3",
"vuex": "^2.3.1" "vuex": "^2.3.1"
}, },

2
src/renderer/components/SettingView/Gallery.vue
View File

@ -37,7 +37,7 @@
<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"
:style="{ 'background-image': `url(${item.imgUrl})` }" v-lazy:background-image="item.imgUrl"
@click="zoomImage(index)" @click="zoomImage(index)"
> >
</div> </div>

3
src/renderer/main.js
View File

@ -9,7 +9,10 @@ import db from '../datastore/index'
import { webFrame } from 'electron' import { webFrame } from 'electron'
import './assets/fonts/iconfont.css' import './assets/fonts/iconfont.css'
import picBed from '../datastore/pic-bed' import picBed from '../datastore/pic-bed'
import VueLazyLoad from 'vue-lazyload'
Vue.use(ElementUI) Vue.use(ElementUI)
Vue.use(VueLazyLoad)
webFrame.setVisualZoomLevelLimits(1, 1) webFrame.setVisualZoomLevelLimits(1, 1)
webFrame.setLayoutZoomLevelLimits(0, 0) webFrame.setLayoutZoomLevelLimits(0, 0)

4
yarn.lock
View File

@ -8106,6 +8106,10 @@ vue-html-loader@^1.2.4:
loader-utils "^1.0.2" loader-utils "^1.0.2"
object-assign "^4.1.0" object-assign "^4.1.0"
vue-lazyload@^1.2.6:
version "1.2.6"
resolved "https://registry.yarnpkg.com/vue-lazyload/-/vue-lazyload-1.2.6.tgz#baa04c172d52a812608eb12c7a6bfb14f5c91079"
vue-loader@^13.0.5: vue-loader@^13.0.5:
version "13.5.0" version "13.5.0"
resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.5.0.tgz#52f7b3790a267eff80012b77ea187a54586dd5d4" resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.5.0.tgz#52f7b3790a267eff80012b77ea187a54586dd5d4"