99 lines
3.9 KiB
Vue
99 lines
3.9 KiB
Vue
<template>
|
|
<yd-layout>
|
|
<yd-navbar slot="navbar" title="PullRefresh">
|
|
<router-link to="/list" slot="left">
|
|
<yd-navbar-back-icon></yd-navbar-back-icon>
|
|
</router-link>
|
|
</yd-navbar>
|
|
|
|
<yd-pullrefresh :callback="loadList" ref="prdemo">
|
|
|
|
<yd-list theme="4">
|
|
<yd-list-item v-for="item in list">
|
|
<img slot="img" :src="item.img">
|
|
<span slot="title">{{item.title}}</span>
|
|
<yd-list-other slot="other">
|
|
<div>
|
|
<span class="list-price"><em>¥</em>{{item.marketprice}}</span>
|
|
<span class="list-del-price">¥{{item.productprice}}</span>
|
|
</div>
|
|
<div>content</div>
|
|
</yd-list-other>
|
|
</yd-list-item>
|
|
</yd-list>
|
|
|
|
</yd-pullrefresh>
|
|
|
|
<yd-backtop></yd-backtop>
|
|
</yd-layout>
|
|
</template>
|
|
|
|
<script type="text/babel">
|
|
export default {
|
|
data() {
|
|
return {
|
|
page: 1,
|
|
list: [
|
|
{
|
|
img: "http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg",
|
|
title: "标题标题标题标题标题",
|
|
marketprice: 56.23,
|
|
productprice: 89.36
|
|
},
|
|
{
|
|
img: "http://img1.shikee.com/try/2016/06/21/10172020923917672923.jpg",
|
|
title: "骆驼男装2016夏装男士短袖T恤 圆领衣服 印花男装体恤 半袖打底衫",
|
|
marketprice: 56.23,
|
|
productprice: 89.36
|
|
},
|
|
{
|
|
img: "http://img1.shikee.com/try/2016/06/23/15395220917905380014.jpg",
|
|
title: "条纹短袖T恤男士韩版衣服大码潮流男装夏季圆领体恤2016新款半袖",
|
|
marketprice: 56.23,
|
|
productprice: 89.36
|
|
},
|
|
{
|
|
img: "http://img1.shikee.com/try/2016/06/25/14244120933639105658.jpg",
|
|
title: "夏季青少年衣服男生潮牌t恤 男士 夏秋学生 日系棉短袖半袖男小衫",
|
|
marketprice: 56.23,
|
|
productprice: 89.36
|
|
},
|
|
{
|
|
img: "http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg",
|
|
title: "2016夏装新款时尚潮流短袖T恤男纯棉V领日系青少年韩版夏季上衣服",
|
|
marketprice: 56.23,
|
|
productprice: 89.36
|
|
},
|
|
{
|
|
img: "http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg",
|
|
title: "男装衣服男夏t恤 男士短袖t恤圆领夏季潮牌宽松原宿风半截袖男",
|
|
marketprice: 56.23,
|
|
productprice: 89.36
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
loadList() {
|
|
const url = 'http://list.ydui.org/getdata.php';
|
|
|
|
this.$http.jsonp(url, {params: {type: 'pulldown', page: this.page}}).then((response) => {
|
|
setTimeout(() => {
|
|
const _list = response.body;
|
|
|
|
this.list = [..._list, ...this.list];
|
|
|
|
this.$dialog.toast({
|
|
mes: _list.length > 0 ? '为您更新了' + _list.length + '条内容' : '已是最新内容'
|
|
});
|
|
|
|
this.$refs.prdemo.$emit('ydui.pullrefresh.finishLoad');
|
|
|
|
this.page++;
|
|
}, 1000);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|