39 lines
1.2 KiB
Vue
39 lines
1.2 KiB
Vue
|
import LazyLoad from '../src/LazyLoad'
|
||
|
|
|
||
|
|
import './style.less'
|
||
|
|
|
||
|
|
const Application = {
|
||
|
|
render () {
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
Scroll to load images.
|
||
|
|
<div class='filler' />
|
||
|
|
<LazyLoad height={762} offsetVertical={300}>
|
||
|
|
<img src='http://apod.nasa.gov/apod/image/1502/HDR_MVMQ20Feb2015ouellet1024.jpg' />
|
||
|
|
</LazyLoad>
|
||
|
|
<div class='filler' />
|
||
|
|
<LazyLoad height={683} offsetVertical={300}>
|
||
|
|
<img src='http://apod.nasa.gov/apod/image/1502/2015_02_20_conj_bourque1024.jpg' />
|
||
|
|
<span/>
|
||
|
|
</LazyLoad>
|
||
|
|
<div class='filler' />
|
||
|
|
<div class='ScrollableContainer'>
|
||
|
|
<div class='filler' />
|
||
|
|
<div class='filler' />
|
||
|
|
<div class='filler' />
|
||
|
|
<LazyLoad height={480}>
|
||
|
|
<img src='http://apod.nasa.gov/apod/image/1502/MarsPlume_jaeschke_480.gif' />
|
||
|
|
</LazyLoad>
|
||
|
|
</div>
|
||
|
|
<div class='filler' />
|
||
|
|
<LazyLoad height={720} offsetVertical={300}>
|
||
|
|
<img src='http://apod.nasa.gov/apod/image/1502/ToadSky_Lane_1080_annotated.jpg' />
|
||
|
|
</LazyLoad>
|
||
|
|
<div class='filler' />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Application
|