zoukankan      html  css  js  c++  java
  • 修复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

  • 相关阅读:
    asp.net 验证输入有效性
    优化SQL SERVER访问性能
    with nocheck ; nocheck
    VB SStab设置当前页
    相互关联的子查询
    mybatis 批量查询参数语句
    转载 mysql函数大全
    Tchar.h 中的一般文本映射
    字节序的概念、判断、及转换
    Windows风格与C/C++风格:UNICODE VS _UNICODE 与 TEXT() VS _T()
  • 原文地址:https://www.cnblogs.com/yangqiangche/p/13251386.html
Copyright © 2011-2022 走看看