当前位置: 首页 > article >正文

uniapp中 不铺满全屏滚动加载更多

uniapp中 滚动加载更多搜索框的部分固定不动 下部分下拉加载更多添加 scroll-viewscroll-view v-iflist.length 0 classitempages scroll-ytrue scrolltolowerloadMore styleheight: 63vh; view classboxitem v-for(item,index) in list :keyindex view classd_f1 item view classnames船中文名/view view classvaluees {{item.trawlerName}} text classxiangq渔船详情/text /view /view view classd_f1 item view classnames类型/view view classvaluees{{item.operationType 1 ? 进港 : 出港}}/view /view view classd_f1 item view classnames申请进港时间/view view classvaluees{{item.operationTime}}/view /view view classd_f1 item view classnames港口名称/view view classvaluees{{item.portName}}/view /view view classd_f1 item view classnames船员人数/view view classvaluees{{item.count}}人/view /view view classd_f1 item view classnames提交申请时间/view view classvaluees{{item.createTime}}/view /view view classd_f1 item view classnames审核状态/view view classvalueesview :class[statue, item.status 1 ? green : item.status 2? red : orange]{{item.status 1 ? 已通过 : item.status 2? 已驳回 : 待审核}}/view/view /view view classd_f1 itembtn v-ifitem.status 0 view classbtns clickbohui(item)驳回/view view classbtns clickpass(item)通过/view /view /view /scroll-viewloadMore() { // 加载更多数据 this.getList(false); }, async getList(flag) { // 如果是刷新或者第一次加载重置页码和列表 if (flag true) { console.log(重置页码和列表); this.pageNum 1; this.list []; } // 如果已经加载完所有数据不再请求 if (this.list.length this.total this.total 0) { this.showMore false return; } const params { pageNum: this.pageNum, pageSize: this.pageSize, }; if (this.loading) { return; } this.loading true; try { const result await operationRecordList(params); const list result.rows || []; list.forEach((item) { item.avatar Array.isArray(item.file) item.file.length ? item.file[0].url : ; }); // 如果是第一页直接赋值否则追加 this.list this.pageNum 1 ? list : [...this.list, ...list]; this.total result.total; // 加载成功后页码加1 this.pageNum; } catch (error) { console.error(加载数据失败:, error); } this.loading false; },

相关文章:

uniapp中 不铺满全屏滚动加载更多

uniapp中 滚动加载更多 搜索框的部分固定不动 下部分下拉加载更多添加 scroll-view<scroll-view v-if"list.length > 0" class"itempages" scroll-y"true" scrolltolower"loadMore" style"height: 63vh;"> <…...

Linux进程 --- 5(进程地址空间初识)

大家好&#xff01;今天我们将深入探讨进程地址空间的相关知识&#xff0c;同时也会解答之前文章中遗留的一些问题。相信通过这篇文章的学习&#xff0c;大家一定能有所收获&#xff01;历史问题引入在前面文章中我们介绍了fork函数&#xff0c;有如下的形式&#xff1a;pid_t …...

揭秘五轴数控磨床的坐标魔术:砂轮轴向如何随工件旋转?

在高端制造领域,五轴数控磨削机床是实现复杂曲面精密加工的核心装备。其魅力在于通过多轴联动,让砂轮与工件在三维空间中自由“共舞”,从而啃下叶轮、螺旋桨等硬骨头。然而,这场舞蹈的幕后指挥——坐标变换,却是一道让许多工程师头疼的数学谜题。今天,我们将深入拆解一个…...

Gitee本地项目上传及下载教程

1.Gitee仓库创建 ①登录Gitee官网&#xff0c;在首页右上角选择加号&#xff0c;点击新建仓库。 ②配置仓库 选择【初始化仓库】 ----【设置模板】----【选择分支模型】&#xff0c;其他的默认 注&#xff1a;【.gitignore一项&#xff0c;建议默认不选择状态】容易在本地项目上…...

Linux 进程控制(四)自主Shell命令行解释器.

目录 自主Shell命令行解释器 第1步 : 打印命令行字符串 第2步 : 从键盘中获取用户的字符串输入 第3步 : 解析命令行字符串 第4步 : 利用程序替换函数执行解析完的命令 第 5 步 : 内建命令的特殊处理 第6步 : 解析重定向命令 自主Shell命令行解释器 在前面学习完进程的创…...

在资源优化调度场景中,基于多源数据(如地磁/视频/雷达检测、浮动车GPS、手机信令、互联网地图API等)构建关联规则

在资源优化调度场景中&#xff0c;基于多源数据&#xff08;如地磁/视频/雷达检测、浮动车GPS、手机信令、互联网地图API等&#xff09;构建关联规则&#xff0c;可实现对城市交通系统的动态感知与协同优化。其核心逻辑包括&#xff1a;多源数据融合建模&#xff1a;通过时空对…...

基于VSG控制的MMC并网逆变器仿真模型(Simulink仿真实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…...

Ambari Metrics 是 Apache Ambari 提供的轻量级、嵌入式集群监控子系统,用于收集、聚合、存储和展示 Hadoop 生态组件

Ambari Metrics 是 Apache Ambari 提供的轻量级、嵌入式集群监控子系统&#xff0c;用于收集、聚合、存储和展示 Hadoop 生态组件&#xff08;如 HDFS、YARN、HBase、Kafka 等&#xff09;的关键性能指标&#xff08;Metrics&#xff09;。它基于时间序列数据库&#xff08;默认…...

Apache Hadoop 生态系统(或与其深度集成)的企业级大数据平台核心服务,常见于 Hortonworks Data Platform(HDP)、Cloudera Data Platform

Apache Hadoop 生态系统&#xff08;或与其深度集成&#xff09;的企业级大数据平台核心服务&#xff0c;常见于 Hortonworks Data Platform&#xff08;HDP&#xff09;、Cloudera Data Platform&#xff08;CDP&#xff09;等发行版中&#xff0c;各自承担关键职能&#xff1…...

手机短信误删!4 个实用恢复方法,一文看懂轻松

你是否有过这样的懊恼时刻&#xff1a;手滑删除了银行的验证码短信&#xff0c;或是亲友的珍贵问候&#xff0c;急需时才发现信息已消失无踪&#xff1f;其实&#xff0c;被删除的短信并不会立刻从手机中彻底清除&#xff0c;只是被系统标记为 “可覆盖空间”—— 这个特性为恢…...

每天了解几个MCP SERVER:工具百宝箱!200+应用集成,Composio 让 AI 连接一切

每天了解几个MCP SERVER&#xff1a;&#x1f527; Composio来源: https://docs.composio.dev/docs/mcp-overview简介 Composio MCP Server 提供200工具集成平台&#xff0c;让AI可以连接各种第三方应用和服务。 能做什么 工具集成&#xff1a;200应用集成工作流编排&#xff1…...

每天了解几个MCP SERVER:云端媒体库!AI 自动处理图片视频,Cloudinary 让媒体管理更简单

每天了解几个MCP SERVER&#xff1a;&#x1f5bc;️ Cloudinary来源: https://github.com/cloudinary/mcp-servers简介 Cloudinary MCP Server 提供云端图片管理和CDN服务&#xff0c;让AI可以进行图片上传、处理和优化。 能做什么 图片上传&#xff1a;上传图片和视频图片处理…...

每天了解几个MCP SERVER:极速分析神器!亿级数据秒级查询,ClickHouse 让大数据分析飞起

每天了解几个MCP SERVER&#xff1a;⚡ ClickHouse来源: https://github.com/ClickHouse/mcp-clickhouse简介 ClickHouse MCP Server 为AI Agent提供ClickHouse列式数据库的查询能力&#xff0c;以极高的性能分析大数据。 能做什么 SQL查询&#xff1a;执行高性能SQL查询实时分…...

刷题笔记:力扣第48题-旋转图像

1.拿到这道题目&#xff0c;第一反应是再创建一个新的矩阵&#xff0c;按照顺时针旋转90的方式遍历原来的矩阵&#xff0c;将旋转后的矩阵存入新矩阵中&#xff0c;输出即可。这种方法的时间复杂度和空间复杂度均为O(n2)。2.但本题不允许使用新的矩阵&#xff0c;这意味着一切修…...

OpenClaw使用教程 + 获取API + 踩坑

新手建议&#xff1a;如果研究不下去&#xff0c;直接用第三方的Oneclaw&#xff0c;字节、阿里、腾讯出品的第三方。 可以等一等&#xff0c;国产有替代。 别焦虑&#xff0c;没用&#xff0c;23年gpt&#xff0c;24年sora&#xff0c;25deepseek和agent&#xff0c;26开年o…...

免费查AI率完全攻略:5种不花钱的检测方法

免费查AI率完全攻略&#xff1a;5种不花钱的检测方法 写完论文之后最怕什么&#xff1f;不是导师让你改格式&#xff0c;而是交上去才发现AI率高得离谱。现在各高校对AI率查得越来越严&#xff0c;知网、维普、万方都上了AIGC检测模块&#xff0c;一旦被标记"疑似AI生成&q…...

免费降AI率软件排行:从白嫖到付费怎么选

免费降AI率软件排行&#xff1a;从白嫖到付费怎么选 写这篇文章的起因是&#xff0c;上个月有三个不同的朋友问了我同一个问题&#xff1a;“有没有免费降AI率的软件&#xff1f;” 一个是大四写毕业论文的&#xff0c;一个是在读研二准备投期刊的&#xff0c;还有一个是帮老板…...

毕业论文免费查AI率+降AI率一站式攻略

毕业论文免费查AI率降AI率一站式攻略 答辩季快到了&#xff0c;论文的事情一件接一件。查重过了还有AI检测&#xff0c;AI检测过了还有格式审查&#xff0c;感觉毕业比入学还难。 这篇文章解决一个具体问题&#xff1a;怎么用免费工具完成论文AI率的检测和修改。从"查出来…...

免费降ai工具实测:哪个免费额度最良心

免费降ai工具实测&#xff1a;哪个免费额度最良心 网上但凡说"免费"两个字的工具&#xff0c;十个里有八个是标题党。要么注册完发现免费额度只有100字&#xff0c;跟没有一样&#xff1b;要么做一堆任务才能解锁&#xff0c;转发三个群、邀请两个好友&#xff0c;折…...

HJ132 小红走网格

中等 通过率&#xff1a;31.75% 时间限制&#xff1a;1秒 空间限制&#xff1a;1024M 知识点数论 校招时部分企业笔试将禁止编程题跳出页面&#xff0c;为提前适应&#xff0c;练习时请使用在线自测&#xff0c;而非本地IDE。 描述 在二维平面坐标系中&#xff0c;小红初…...

2026 学术诚信必备!10 款 AI 论文查重工具盘点:查重 + AI 率双检测,告别毕业 / 投稿焦虑

又到本科毕设、期刊投稿的关键节点&#xff0c;「重复率飘红」「AI 率超标」成了悬在每一位学术人头顶的达摩克利斯之剑。传统查重工具只能检测文字重复&#xff0c;面对 AI 生成内容却束手无策&#xff1b;而专业 AI 检测又价格高昂、操作繁琐。 今天为大家整理了10 款兼顾查…...

在服务器上通过git仓库进行多开发者协同工作

本文旨在解决一个需求&#xff1a;在同一服务器上的若干个开发人员能够在自己的账户下面抓取和更新一个项目文件夹。1.首先是root权限创建git仓库&#xff1a;创建用于共享的裸仓库&#xff1a;git clone --bare 项目文件夹名 项目文件夹名.git创建用户组&#xff1a;sudo grou…...

C语言程序设计第四版(何钦铭、颜晖)第八章指针之拆分实数的整数与小数部分

1. 拆分实数的整数与小数部分:要求自定义一个函数 void splitfloat (float x, int* intpart,float *fracpart);其中x是被拆分的实数,*intpart和*fracpart分别是将实数x拆分出来的整数部分与小数部分。编写主函数,并在其中调用函数splitfloat()。试编写相应程序。#include<st…...

苍穹外卖WebSocket连接问题

在调试过程中发现&#xff0c;当前端应用部署在Nginx下访问localhost时&#xff0c;WebSocket连接无法建立&#xff1b;而直接运行前端项目时则可以正常连接。通过浏览器F12排查问题后&#xff0c;发现是WebSocket的URL路径不同&#xff1a;我们实际需要的地址为ws://localhost…...

c++ 类和对象(全)

本文只是把之前上中下三篇文章集合了起来&#xff0c;后面跟着补充一点示例代码&#xff0c;也只是为了方便大家一下子全部观看。 类和对象&#xff08;上&#xff09; 一.类的定义 1.类定义格式 我们可以先看一个类的例子(栈)&#xff1a; class Stack { private:int* a;in…...

优化Docker镜像下载速度:国内镜像源配置指南

1. 为什么需要配置国内Docker镜像源 第一次用Docker拉取镜像时&#xff0c;看着进度条像蜗牛一样缓慢移动&#xff0c;我盯着屏幕足足等了半小时。后来才发现&#xff0c;默认的Docker Hub服务器在国外&#xff0c;国内直接访问速度感人。这就像你在北京点外卖&#xff0c;却非…...

学生专属福利:如何免费获取JetBrains和Navicat全家桶

1. 学生专属福利&#xff1a;为什么你需要它们&#xff1f; 还在为开发工具的高昂费用发愁吗&#xff1f;作为一个过来人&#xff0c;我太懂学生时代那种“想学技术&#xff0c;却被工具卡住”的窘迫了。一套正版的JetBrains全家桶&#xff08;比如IntelliJ IDEA、PyCharm、Web…...

Markdown写作技巧:LaTeX公式+代码块高亮全攻略

Markdown写作技巧&#xff1a;LaTeX公式代码块高亮全攻略 在技术文档和学术研究的写作中&#xff0c;Markdown因其简洁性和强大功能已成为首选工具。但对于需要表达复杂数学公式或展示多语言代码的专业作者来说&#xff0c;如何充分利用Markdown的高级功能仍是一个挑战。本文将…...

基于PEX88096的PCIe 4.0八盘M.2扩展卡设计

1. 项目概述PCIe 4.0 M.2扩展卡长期面临市场定价畸高问题&#xff0c;主流商用产品普遍标价数千元&#xff0c;严重制约了高性能存储系统在DIY、边缘计算及小型服务器场景中的普及应用。本项目以PEX88048 PCIe 4.0交换芯片为核心&#xff0c;构建一款支持8路独立M.2 NVMe插槽的…...

Python+Selenium实现抖音博主批量监控:300+账号实时更新通知(附完整代码)

PythonSelenium构建高可用抖音博主监控系统&#xff1a;从零到一的实战架构与性能调优 最近在技术社群里&#xff0c;经常看到有朋友在讨论如何批量追踪抖音博主的更新动态。无论是做内容分析、竞品研究&#xff0c;还是个人兴趣追踪&#xff0c;手动刷新几百个主页显然不现实。…...