caimei365-www/src/main/resources/static/js/single-page/live.js

var livePage = new Vue({
    el: "#livePage",
    data: {
        pageType: 0,
        liveTeachers: [],
        tecPage:1,
        liveArticles: []
    },
    computed: {

    },
    methods: {
        getLiveTeachers: function () {
            var _self = this;
            $.getJSON("/live/teacher").done(function (r) {
                if (r.code === 0 && r.data) {
                    _self.liveTeachers = r.data;
                    _self.tecPage = Math.ceil(r.data.length / 5);
                    setTimeout(function(){
                        if (isPC) {
                            $('#liveTeacher').slide({
                                mainCell:".swiper-wrapper"
                                ,titCell:".swiper-pagination span"
                                ,effect: "leftLoop"
                                ,interTime: 3000
                                ,autoPlay: true
                                ,scroll:5
                                ,vis:5
                                ,trigger: "mouseover"
                            });
                        } else {
                            var swiper = new Swiper('#liveTeacher', {
                                slidesPerView: 3,
                                slidesPerColumn: 2,
                                spaceBetween: 0,
                                slidesPerGroup: 3,
                                pagination: {
                                    el: '.swiper-pagination',
                                    clickable: true,
                                },
                                autoplay: {
                                    delay: 3000,
                                    disableOnInteraction: false
                                },
                            });
                        }
                    },500);
                }
            });
        },
        getLiveArticle: function(){
            var _self = this;
            $.getJSON(spiServer+"/search/query/article/type" ,{
                id: 1,
                pageSize: 4,
                pageNum: 1
            }, function (r) {
                if (r.code === 0 && r.data) {
                    var result = JSON.parse(r.data);
                    _self.liveArticles = result.items;
                }
            })
        }

    },
    created: function () {
        // 获取列表数据
        this.getLiveArticle();
        this.getLiveTeachers();

    },
    mounted: function () {
        var _self = this;
    }
});