vivo-ui
Version:
vivo ui component lib for vue
37 lines • 1.13 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script src="../../dist/lib.js"></script>
<style>
img {
width: 200px;
height: 400px;
}
</style>
</head>
<body>
<div id="content">
<button @click="index=(index+1)%2">切换图片</button>
<img v-vivo-img="imgs[index]" data-loading-src="http://cdn.uedna.com/201402/1392662516435_1140x0.gif"
data-error-src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3323360901,3024320998&fm=27&gp=0.jpg">
</div>
<script>
var vm = new Vue({
el: '#content',
data: {
index: 0,
imgs: [
'//m.tuniucdn.com/fb2/t1/G1/M00/B5/F7/Cii9EVcxO8-IAcqqABG1eY_C7CMAAFWvwPtI40AEbWR33_w160_h90_c1_t0.jpeg',
'//m.tuniucdn.com/fb2/t1/G2/M00/31/BC/Cii-T1i7ueeIWrSgAC2rntNyFiMAAIENAPLCyMALau2700_w160_h90_c1_t0.JPG'
]
},
directives: {
'vivo-img': VivoAnimation.img
}
});
</script>
</body>
</html>