• 修复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 {
             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;
             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();
                                            // 失败进行的操作
                                    })
    

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

  • 相关阅读:
    linux uart驱动——相关数据结构以及API(二)
    linux uart驱动——uart原理(一)
    linux SPI驱动——spidev之driver(六)
    linux SPI驱动——spidev之deive(五)
    linux SPI驱动——spi core(四)
    linux SPI驱动——gpio模拟spi驱动(三)
    linux SPI驱动——spi协议(一)
    在dev目录创建一个字符设备驱动的流程
    web audio living
    use html5 video tag with MSE for h264 live streaming
  • 原文地址:https://www.cnblogs.com/yangqiangche/p/13251386.html
Copyright © 2020-2023  润新知