1.0.6 • Published 5 years ago
wayswipe v1.0.6
wayswipe
A swipe component based on Vue.js
Build Setup
# install(安装)
npm install wayswipe
# use(使用)
javascript
import {vswipe,vswipeItem} from 'wayswipe'
data(){
return{
testArr:[
{name:'佐佐木希',age:'31'},
{name:'新垣结衣',age:'33'},
]
}
},
template
<swipe>
<transition-group name="swipe" tag="ul">
<li v-for="(item,index) in testArr" :key="item.name" class="swipe-item-wrapper">
<swipeItem
ref="swipeItem"
:index="index"
>
<div class="content" >
<div class="stock">
<h1 class="mbc1">{{item.name}}</h1>
<h2 class="gf">{{item.age}}</h2>
</div>
<div class="bf price">{{item.name}}</div>
<div class="gap">
<span>{{item.name}}</span>
</div>
</div>
</swipeItem>
</li>
</transition-group>
</swipe>
For a detailed explanation on how things work, check out the guide and docs for vue-loader.