forked from lakb248/vue-lazy-img
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
29 lines (28 loc) · 875 Bytes
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue Component</title>
<style>
ul {
list-style: none;
}
li {
float: left;
margin: 50px;
}
</style>
</head>
<body>
<div id="container">
<ul>
<li v-for="src in list" track-by="$index">
<vue-lazy-img :source="src" placeholder="./src/asserts/placeholder.png" style="height:150px;"></vue-lazy-img>
</li>
</ul>
<button v-on:click="refreshList()" style="width:100%;height:40px;">REFRESH</button>
<button v-on:click="add()" style="width:100%;height:40px;">ADD</button>
</div>
<script type="text/javascript" src="/build/build.js"></script>
</body>
</html>