mw_odd_job/app/mobile/view/my/like.html

{extend name="public/base"/}
{block name="css"}
<style>
    .van-nav-bar__text, .van-nav-bar .van-icon{
        color:white;
    }
</style>
{/block}
{block name="body"}
<van-nav-bar
        class="bg-blue"
        fixed="true"
        left-text="返回"
        left-arrow
        @click-left="onBack"
>
    <template #title>
        <span class="text-white">我的收藏</span>
    </template>
</van-nav-bar>
<div style="width:100%;height:46px;"></div>
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
    <van-list
            v-model="loading"
            :finished="finished"
            finished-text="没有更多了"
            @load="onLoad"
    >
        <like-list :list="list" @cancel="onCancel"></like-list>
    </van-list>
</van-pull-refresh>
{/block}
{block name="script"}
<script src="__MJS__/component/likeList.js"></script>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                list: [],
                page: 1,
                loading: false,
                finished: false,
                refreshing: false,
            };
        },
        methods: {
            onBack() {
                history.back();
            },
            onCancel(id) {
                let _this = this;
                $.post("{:url('/my/likeCancel')}",{id:id},function (json) {
                    if (json.code == 0) {
                        _this.onRefresh();
                    } else {
                        _this.$toast(json.msg)
                    }
                },'json');
            },
            //加载
            onLoad() {
                //参数
                let self = this;
                let param = {page: this.page};
                this.page++;

                $.post("{:url('/my/listLike')}", param, function (json) {
                    //下拉刷新
                    if (self.refreshing) {
                        self.refreshing = false;
                    }

                    // 加载状态结束
                    self.loading = false;

                    if (json.data.length == 0) {
                        // 数据全部加载完成
                        self.finished = true;
                    } else {
                        // 增加数据
                        for (let i = 0; i < json.data.length; i++) {
                            self.list.push(json.data[i]);
                        }
                    }
                }, 'json');
            },
            onRefresh() {
                // 清空列表数据
                this.list = [];
                this.page = 1;
                this.loading = true;
                this.finished = false;

                this.onLoad();
            },
        },
    });
</script>
{/block}