Skip to content

Commit 5a1db8a

Browse files
bingggbinggg
committed
feat(component): make prop viewport working
1 parent 38604cf commit 5a1db8a

12 files changed

+74
-31
lines changed

‎demo/App.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div>
33
<header class="page-header">
4-
<h1>Vue Lazy Component Demos</h1>
4+
<h1>Vue Lazy Component Demos <a href="https://badge.fury.io/js/%40xunlei%2Fvue-lazy-component"><img src="https://badge.fury.io/js/%40xunlei%2Fvue-lazy-component.svg" alt="npm version" height="18"></a></h1>
55
<router-link class="link" to="/large-page">Demo1: 超长页面懒加载</router-link>
66
<router-link class="link" to="/timeout">Demo2: 延时加载</router-link>
77
<router-link class="link" to="/custom-transition">Demo3: 自定义过渡效果</router-link>

‎demo/components/MsgItem.vue‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66
<div class="msg-dlg-box" :class="myself ? 'myself' : 'other'">
77
<a class="user-pic">
88
<vue-lazy-component
9-
:view-port="$parent.$el"
9+
v-if="root"
10+
:viewport="root"
1011
>
1112
<img :src="`https://api.adorable.io/avatars/40/${userid}@adorable.png`">
1213
<img slot="skeleton" src="../assets/img/timg.jpeg">
@@ -31,6 +32,16 @@
3132
usernick: String,
3233
time: String,
3334
myself: Boolean
35+
},
36+
37+
data () {
38+
return {
39+
root: null
40+
}
41+
},
42+
43+
mounted () {
44+
this.root = this.$parent.$el
3445
}
3546
}
3647
</script>

‎demo/dist/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html class=scroll><head><meta charset=utf-8><title>demo</title><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon type=image/x-icon href=./assets/logo.png><link href=//cdn.bootcss.com/highlight.js/8.8.0/styles/tomorrow.min.css rel=stylesheet><link href=./static/css/app.92b93e4622b2e4a63be4c9ec0e7a62d9.css rel=stylesheet></head><body><div id=app></div><script src=//cdn.bootcss.com/highlight.js/8.8.0/highlight.min.js></script><script type=text/javascript src=./static/js/manifest.81f67a258cc0030aa1c1.js></script><script type=text/javascript src=./static/js/vendor.8c1cd7eb2574daeb5cde.js></script><script type=text/javascript src=./static/js/app.4652fed6b557eae9c027.js></script></body></html>
1+
<!DOCTYPE html><html class=scroll><head><meta charset=utf-8><title>demo</title><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon type=image/x-icon href=./assets/logo.png><link href=//cdn.bootcss.com/highlight.js/8.8.0/styles/tomorrow.min.css rel=stylesheet><link href=./static/css/app.92b93e4622b2e4a63be4c9ec0e7a62d9.css rel=stylesheet></head><body><div id=app></div><script src=//cdn.bootcss.com/highlight.js/8.8.0/highlight.min.js></script><script type=text/javascript src=./static/js/manifest.c8efdeac9aaf21e6684b.js></script><script type=text/javascript src=./static/js/vendor.8c1cd7eb2574daeb5cde.js></script><script type=text/javascript src=./static/js/app.be0f2eec65aa9bf5466a.js></script></body></html>

‎demo/dist/static/js/4.7f88ea3b48eccc161d69.js.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎demo/dist/static/js/4.7f88ea3b48eccc161d69.js‎ renamed to ‎demo/dist/static/js/4.df7f360853768d8d5c12.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demo/dist/static/js/4.df7f360853768d8d5c12.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demo/dist/static/js/app.4652fed6b557eae9c027.js.map‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎demo/dist/static/js/app.4652fed6b557eae9c027.js‎ renamed to ‎demo/dist/static/js/app.be0f2eec65aa9bf5466a.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demo/dist/static/js/app.be0f2eec65aa9bf5466a.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demo/dist/static/js/manifest.81f67a258cc0030aa1c1.js‎ renamed to ‎demo/dist/static/js/manifest.c8efdeac9aaf21e6684b.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)