Skip to content

Commit 7d93ed8

Browse files
committed
build version 1.0.5
1 parent eda075d commit 7d93ed8

File tree

6 files changed

+25
-27
lines changed

6 files changed

+25
-27
lines changed

README.md

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -15,26 +15,27 @@ yarn add -D @janumedia/vue-lazy-image
1515
```
1616
<script src="https://unpkg.com/vue@2.5.22/dist/vue.min.js"></script>
1717
<script src="https://unpkg.com/@janumedia/vue-lazy-image/dist/vue-lazy-image.min.js"></script>
18-
<script type="text/x-template" id="main">
19-
<div class="container">
20-
<lazy-image src="your-image.jpg" placeHolder="your-placeholder-image.jpg" width="300" alt="My Imagea Title"/>
18+
<style>
19+
.top {
20+
width: 100%;
21+
height: 100vh;
22+
}
23+
</style>
24+
<body>
25+
<div id="app">
26+
<div class="top">
27+
Scroll Down
28+
</div>
29+
<lazy-image src="your-image.jpg" placeholder="your-placeholder-image.jpg" width="300" alt="My Imagea Title"/>
2130
</div>
22-
</script>
23-
<script>
24-
//register component
25-
Vue.use(LazyImage)
26-
27-
const main = {
28-
template: '#main'
29-
};
30-
31-
new Vue({
32-
el: '#app',
33-
render(h) {
34-
return h(main)
35-
};
36-
})
37-
</script>
31+
<script>
32+
//register component
33+
Vue.use(LazyImage);
34+
new Vue({
35+
el: '#app'
36+
});
37+
</script>
38+
</body>
3839
```
3940
### Node
4041
```

dist/vue-lazy-image.js

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

0 commit comments

Comments
 (0)