更新记录

1.0.1（2021-07-21） 下载此版本

第一次上传

平台兼容性

使用说明

引入插件

<uni-tablist :Refresh="Refresh" :tablist="tablist" :tabindex="tabindex" :loading="loading" @refresh="refresh" @lower="lower" @changetab="changetab">
            <template slot="tablist">
                <view class="paddinglr-16 tabbox">
                    <scroll-view scroll-x="true" style="height: 118upx;position: relative;">
                        <view class="flex-sp-ct " style="position: absolute;left: 0upx; top: 0upx;min-width: 100%;" :style="{width: tablist.length*80+'px'}">
                            <view v-for="(tab,i) in tablist" :key="tab.classifyId" class="tabtext" :class="{'actvtab': tabindex == i}" @tap="tabindex = i">
                                {{tab.classifyName}}
                            </view>
                        </view>
                    </scroll-view>
                </view>
            </template>
            <template slot="list">
                    <view v-for="(item,idx) in arrlist" :key="idx" class="flex-st-ct" style="padding-bottom: 40upx" @tap="godetail(item)">
                        <image :src="item.coverImage||'../../static/img/index/list.png'" mode="aspectFill" style="width: 270upx;height: 206upx;border-radius: 10upx; margin-right: 26upx;"></image>
                        <view class="flex-sp-ct flex1" style="flex-direction: column;">
                            <view class="textsize-16">
                                {{item.courseName}}
                            </view>
                            <view class="flex1"></view>
                            <view class="flex-st-ct align-center" style="margin-bottom: 10upx;">
                                <view class="textsize-12" style="color: #98999A;">{{item.lecturer}}</view>
                                <view class="textsize-12 cl-999999 marginl-25">
                                    播放量{{cknumber(item.learnedAmount||0)}}
                                </view>
                            </view>
                        </view>
                    </view>
            </template>
        </uni-tablist>

变量说明

tabindex //顶部导航的下标
Refresh //刷新的状态
tablist //顶部导航的数组

refresh() { 刷新的方法
    this.Refresh = true;
    this.getlist();
    console.log('刷新')
},

lower(){ //加载的方法
    if (this..loading) {
        this..pageNum++;
        this.getlist();
    } else {
        uni.showToast({
            icon: 'none',
            title: '没有更多了...'
        })
    }
},