0 评论

0 收藏

分享

修复YYC松鼠短视频系统我的收藏页面 没有返回按钮的bug

修复YYC松鼠短视频系统我的收藏页面 没有返回按钮的bug


/songshu-video-uniapp/pages/index/collection/index.vue

页面这里:
添加这部分

        <view class="left-wrapper" @click="back">
                                <uni-icons color="#000000" class="back" size="30" type="arrowleft" />
                        </view>



结果为:

                <view class="head shadow">
                        <view class="left-wrapper" @click="back">
                                <uni-icons color="#000000" class="back" size="30" type="arrowleft" />
                        </view>
                        <view class="title_wrap">
               
                                <text class="uni-title">我的收藏</text>
                                <!-- <view v-for="(item,index) in tabList" :key="index" class="title" :class="{'active':active==index}" @click="changeTab(index)">
                                        <text>{{item.title}}</text>
                                        <view class="head-line pink"></view>
                                </view> -->
                                
                        </view>
                        <view class="seach" @click="seach">
                                <image src="/static/home/seach.png" mode="widthFix"></image>
                        </view>
                </view>


最底部样式部分:

添加
        .left-wrapper {
                margin-left: 12upx;
                height: 88upx;
                line-height: 88upx;
                flex-direction: row;
                // background: #007AFF;
                justify-content: center;
                flex: 1;
        }


效果为:
        
        .left-wrapper {
                margin-left: 12upx;
                height: 88upx;
                line-height: 88upx;
                flex-direction: row;
                // background: #007AFF;
                justify-content: center;
                flex: 1;
        }

        .loading {
                width: 750upx;
                justify-content: center;
                align-items: center;
                align-content: center;
        }

        .head {
                position: fixed;
                //#ifdef APP-PLUS
                padding-top: var(--status-bar-height);
                //#endif
                z-index: 1;
                left: 0;
                right: 0;
                background: $uni-bg-color;
                width: 100%;
                display: flex;
                flex-direction: row;
                height: 88upx;
        }






下方 载入更多的地方 添加

   back() {
                                uni.navigateBack({
                                        delta: 1
                                })
                        },



结果:

        back() {
                                uni.navigateBack({
                                        delta: 1
                                })
                        },
                        onLoadMore() {
                                console.log("loading more");
                                if (this.isMore) {
                                        this.loadmore=true;
                                        // 初始化视频列表
                                        this.$api.videoList({
                                                'type': 'collection',
                                                'page': ++this.page
                                        }).then(res => {
                                                uni.stopPullDownRefresh();
                                                if (res.data.code == 0) {
                                                        this.videoList = this.videoList.concat(res.data.data);
                                                        this.$store.commit("setVideoList", this.videoList);
                                                }else{
                                                        this.isMore=false;
                                                }
                                                this.loadmore=false;
                                        }).catch(res => {
                                                this.isMore=false;
                                                this.loadmore=false;
                                                uni.stopPullDownRefresh();
                                                // 失败进行的操作
                                        })



6.png


收藏页面返回键做漏了 属于bug

优雅草论坛2022年8月11日大改,优雅草论坛变回只服务于客户的提问交流论坛,详情查看优雅草8月11日大改,原因详情查优雅草外卖乐关闭

回复

举报 使用道具

相关帖子
全部回复
暂无回帖,快来参与回复吧
一颗优雅草科技 实名认证 机构蓝V认证
服务代表
主题 851
回复 1646
粉丝 7