当前位置：首页 > news >正文

uniapp-商城-31-shop页面中的我的订单

news 来源：原创 2025/7/28 13:19:23

前面的章节讲了很多关于页面布局的知识。

现在来看看其他栏目，我的订单页面。

1 页面样式图

基本的样式包含shop页面我的订单

点击我的订单，跳转到订单页面

点击订单的每一条订单，跳转到订单详情

2、创建订单页面

2.1 创建sub页面文件夹，创建shop页面的子文件夹

2.2 创建order 订单页面文件夹

2.3 创建order 页面订单详情页面 detail

3、shop 中的我的订单处理

使用 navigator 跳转到订单页面

4、订单页面order 代码以及样式

<template><view class="orderPage"><!-- 我的订单 --><view class="row" v-for="item,index in 5" :key="index" @click="goDetail(item)"><view class="head"><view class="number" v-if="true">编号123456<text class="way">商家外送</text></view><text class="way self" v-else>到店自提</text><view class="state">						<u-icon name="weixin-fill" size="22" color="#04C15F"></u-icon><text>已支付</text> </view>	</view><view class="body">卫龙大面筋</view><view class="footer"><view class="time">2023-06-10 18:20</view><view class="count">共2件商品 ，实付<text class="price">￥33.3</text></view></view></view></view>
</template><script>export default {data() {return {};},methods:{//跳转到详情页，后期可以转成字符串来进行传输  但是也可以是存到缓存，用完后直接删除缓存goDetail(value){uni.navigateTo({url:"/pagesub/pageshop/order/detail?item="+value})}}}
</script><style lang="scss">
page{background: $page-bg-color;
}
.orderPage{padding:30rpx;.row{background: #fff;padding:40rpx 20rpx;border-radius: 20rpx;margin-bottom:30rpx;.head{@include flex-box();font-size:32rpx;	.number{@include flex-box-set(start);.way{background: #19be6b;color:#fff;font-size: 22rpx;padding:6rpx 20rpx;border-radius: 30rpx;margin-left: 10rpx;&.self{background: #FF9100;}}}.state{color:$brand-theme-color-aux;@include flex-box-set(start);}}.body{border:1px solid $border-color;padding:60rpx 20rpx;border-radius: 10rpx;background: #F9F9F9;font-size: 34rpx;margin:30px 0;}.footer{@include flex-box();font-size: 26rpx;color:#a5a5a5;.price{font-weight: bold;color:#000;}}}
}
</style>

4.1 主要包含多个订单，每一个订单包含不同部分头部中部尾部

4.2 点击每一条跳转到订单详情

gotodetail

4.3 每一部分看格局

共有三部分具体可以看看代码

4.4 点击4.3的每一个订单跳转到上面4.2的订单详情

uniapp-商城-31-shop页面中的我的订单

前面的章节讲了很多关于页面布局的知识。现在来看看其他栏目，我的订单页面。 1 页面样式图基本的样式包含shop页面我的订单点击我的订单，跳转到订单页面点击订单的每一条订单，跳转到订单详情 2、创建订单页面 2.1 创建sub页面文件…...

编程日记 2025/7/28 13:19:23

CCF-GESP认证的学习资源与知识点详细指南

CCF-GESP认证的学习资源与知识点详细指南一、CCF-GESP认证简介 CCF编程能力等级认证（GESP）是由中国计算机学会（CCF）主办的青少年编程能力认证考试，旨在提升青少年的计算机和编程教育水平，推广编程教育。G…...

编程日记 2025/7/28 13:04:39

使用SystemWeaver生成SOME/IP ETS ARXML的完整实战指南

使用SystemWeaver生成SOME/IP ETS ARXML的完整实战指南前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，可以分享一下给大家。点击跳转到网站。 https://www.captainbed.cn/ccc 一、SystemWeaver与SOME/IP基础认知 1.1 SystemWe…...

编程日记 2025/7/27 10:09:43

Docker概念详解

文章目录一、Docker：容器化应用的基石1.1 环境1.2 Docker 是什么1.3 Docker镜像1.3.1 基础镜像(Base Image)1.3.2 Dockerfile1.3.3 容器镜像（Container Image） 1.4 Registry1.5 容器1.6 Docker VS 虚拟机二、Docker 的架构原理2.1 C/S软件架…...

编程日记 2025/7/28 12:58:56

CentOS7安装MySQL教程

一、准备阶段 1、更新系统软件包首先，要确保系统已安装的软件包是最新版本，在终端执行以下命令： sudo yum update -y 2、添加 MySQL 官方 Yum 仓库下载仓库配置文件（包含GPG公钥）：执行以下命令下载 My…...

编程日记 2025/7/26 10:59:25

把dll模块注入到游戏进程的方法_远线程注入

一．概述远线程注入是指为要注入的目标进程创建一个远程线程，在远程线程里面加载要注入的目标dll。Windows操作系统提供了跨进程的内存读写机制，这就为各种注入打下了基础。二．用到的Windows API函数创建远程线程的API是CreateRemoteThread，查找msdn，其函数原型如下…...

编程日记 2025/7/27 10:09:37

实践项目开发-hbmV4V20250407-React+Taro多端项目依赖冲突解决方案

ReactTaro多端项目依赖冲突解决方案问题背景在开发基于ReactTaro的多端项目时，经常会遇到各种依赖版本冲突问题，特别是当项目同时需要支持小程序、H5和React Native时。本文记录了一个实际项目中遇到的依赖冲突问题及完整解决方案。环境信息项目…...

编程日记 2025/7/27 10:09:36

黑苹果win10和macOS双系统

问题：win10系统更新导致原有clover引导损坏，无法通过clover引导进入双系统，每次只能进入win10。解决办法：使用EasyUEFI管理EFI启动项，将macOS启动项移动至最前，如果没效果还是每次启动都进win10&#xff…...

编程日记 2025/7/27 10:09:34

机器学习-08-推荐算法-案例

总结本系列是机器学习课程的系列课程，主要介绍机器学习中关联规则参考机器学习（三）：Apriori算法（算法精讲） Apriori 算法理论重点 MovieLens:一个常用的电影推荐系统领域的数据集 23张图&#x…...

编程日记 2025/7/28 13:13:53

数据结构——栈和队列

目录 1.栈（stack） 1.1 模拟实现 1.1.1 定义栈 1.1.2 初始化栈 1.1.3 销毁栈编辑 1.1.4 入栈----栈顶编辑 1.1.5 判栈空 1.1.6 出栈——栈顶编辑 1.1.7 取栈顶数据编辑 1.1.8 取栈的有效数据个数编辑 2.队列（…...

编程日记 2025/7/28 13:11:23

负载均衡与实时调度—LSF

文章目录一、什么是LSF二、常用LSF作业命令2.1、提交作业-bsub2.2、查询作业-bjobs2.3、杀死作业-bkill2.4、查询队列-bqueues一、什么是LSF LSF（Load Sharing Facility），负载均衡设施，是一款分布式系统资源管理工具，LSF通过需求收集、分析负载、实时调度，使用户充分共享…...

编程日记 2025/7/28 13:09:39

[预备知识]2. PyTorch基本操作

PyTorch基本操作本章节介绍 PyTorch 的基本操作，包括张量创建、数学运算和常用函数的使用方法。 1. 张量操作 1.1 张量创建张量是PyTorch的核心数据结构，可表示为： 标量： x ∈ R x \in \mathbb{R} x∈R向量： x …...

编程日记 2025/7/28 13:16:25

音视频学习（三十五）：aud

概念 AUD（Access Unit Delimiter）访问单元分隔符 AUD 是在视频编码（特别是 H.264/AVC）中定义的一种 NALU（网络抽象层单元） 类型，用于指示视频流中一帧（访问单元）的边界。…...

编程日记 2025/7/27 10:09:25

【Unity笔记】Unity音视频播放监听器封装笔记：VideoPlayer + AudioSource事件触发与编辑器扩展

关键点 Unity VideoPlayer 播放结束事件Unity AudioSource 播放检测 Unity音视频播放监听器封装笔记：VideoPlayer AudioSource事件触发与编辑器扩展在 Unity 的多媒体开发中，我们经常需要监听 VideoPlayer 或 AudioSource 的播放状态，以便…...

编程日记 2025/7/27 10:09:23

使用有界线程池结合信号量限制任务提交速率

以下是使用 BoundedExecutor（有界线程池）结合信号量（Semaphore） 限制任务提交速率的完整代码实现，避免无界队列导致内存溢出： 代码实现 import java.util.concurrent.*;public class BoundedExecutorWithS…...

编程日记 2025/7/27 10:09:21

大数据学习（109）-Impala 和 Hive 之间的 SQL 差异

🍋🍋大数据学习🍋🍋 🔥系列专栏： 👑哲学语录: 用力所能及，改变世界。 💖如果觉得博主的文章还不错的话，请点赞👍收藏⭐️留言📝支持一…...

编程日记 2025/7/27 10:09:20

STM32F103_HAL库+寄存器学习笔记19 - CAN发送中断+CAN接收中断+接收所有CAN报文+ringbuffer数据结构

导言完成本章节的学习后，CAN驱动代码已经具备实战项目的大部分功能，完全可以在工作上使用： CAN发送有串行与中断方式，且三个发送邮箱都使用了;CAN接收用FIFO1的三个邮箱与高效的数据结构ringbuffer。另外，还有接收FI…...

编程日记 2025/7/27 10:09:18

【 Git 全局忽略文件完全指南：配置、规则与最佳实践】

Git 全局忽略文件完全指南：配置、规则与最佳实践前言在软件开发过程中，我们经常遇到一些不需要被版本控制系统追踪的文件，例如IDE配置文件、编译生成的中间文件、日志文件等。虽然可以在每个项目中创建.gitignore文件，但对于开…...

编程日记 2025/7/27 10:09:16

RabbitMQ常见面试题回答重点

文章目录什么是消息队列？为什么需要消息队列消息队列的模型消息队列常见名词如何保证消息不丢失？（可靠性）如何保证消息不重复/业务幂等性如何保证消息有序性如何处理消息堆积消息队列设计为推送还是拉取 / 推拉模式优点无法路由的…...

编程日记 2025/7/27 10:09:14

一文详解opencv-python环境搭建：Mac配置python的cv2开发环境

在计算机视觉领域，OpenCV 作为跨平台的计算机视觉和机器学习软件库，凭借其丰富的功能和稳定的性能，已成为开发者的重要工具之一。而 Python 语言因其简洁的语法和强大的科学计算生态，成为许多开发者调用 OpenCV 功能的首选语言组合…...

编程日记 2025/7/28 13:04:37

Unity打开项目时目标平台被改变

2021年1月20日18:20:32 现象： 我的项目已经是切换到目标平台为Android的项目，每天工作过程中会多次打开关闭该项目，但是总有偶然的几率，会出现打开项目以后，目标平台自动被切换为Windows，然后就开始忙碌于…...

编程日记 2025/7/27 10:09:11

Python 写一个带参数的EXE函数

Python写一个带参数的函数，压成EXE import argparse import time import sysdef main():# 创建参数解析器parser argparse.ArgumentParser(description"命令行参数示例程序")# 添加指定的参数parser.add_argument("-subitem", typestr, requi…...

编程日记 2025/7/27 10:09:09

4月21日星期一今日早报简报微语报早读

4月21日星期一，农历三月廿四，早报#微语早读。 1、女子伸腿阻止列车关门等待同行人员，被深圳铁路警方行政拘留； 2、北理工再通报：开除宫某党籍，免去行政职务，解除聘用关系； 3、澳门…...

编程日记 2025/7/27 10:09:07

2025年最新服务器、中间件安全(面试题)

活动发起人小虚竹想对你说： 这是一个以写作博客为目的的创作活动，旨在鼓励大学生博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧&#xff01…...

编程日记 2025/7/27 10:09:05

《FDTD Solutions仿真全面教程：超构表面与光束操控的前沿探索》

FDTD基础入门FDTD基础入门 1、FDTD Solutions 求解物理问题的方法 1.1 FDTD与麦克斯韦方程 1.2 FDTD中的网格化 2、FDTD Solutions 特点与应用 3、FDTD功能与使用主窗口——CAD人机交互界面计算机辅助设计（CAD）模拟编辑器:主标题栏、工具条、实体对象树…...

编程日记 2025/7/27 10:09:04

AI时代，是该切换到Cursor编辑器了

Cursor 使用指南：从入门到高效编程一、Cursor 简介 Cursor 是一款基于人工智能技术的先进代码编辑器，它致力于为开发者打造更高效、智能的编程环境。通过集成前沿的自然语言处理（NLP）和代码生成技术，Cursor 能够精准…...

编程日记 2025/7/26 18:31:54

在 UE5 编辑器中，由于游戏设置 -＞ EV100 设置，点击播放前后的光照不同。如何保持点击播放前后的光照一致？

In Unreal Engine 5 (UE5), discrepancies in lighting between the editor and play modes are often due to auto exposure settings, particularly when using the EV100 system. To maintain consistent lighting across both modes, follow these steps:YouTube1Epic …...

编程日记 2025/7/27 10:09:00

【Linux网络编程十】网络原理之IP协议【网络层】

网络原理之IP协议【网络层】 1.理解IP协议2.IP报文2.1分片问题 3.路由器3.1路由问题 4.网络划分5.私有ip与公有ip6.理解运营商与全球网络7.NAT技术7.1NAPT 1.理解IP协议 IP协议的本质工作：提供一种能将数据跨网络从A主机送到B主机的能力。而用户需要的是能够可靠的…...

编程日记 2025/7/27 10:08:58

C++23 让 Lambda 表达式中的 () 更可选：P1102R2 提案深度解析

文章目录一、背景与动机：Lambda 表达式中的痛点1.1 问题的根源二、P1102R2 提案：让 () 可选2.1 提案的核心内容2.2 语法调整的细节2.3 提案的合理性三、编译器支持：主流编译器的跟进四、对 C 编程的影响：简化语法与提升一致性4…...

编程日记 2025/7/27 10:08:56

国产AI新突破！全球首款无限时长电影生成模型SkyReels-V2开源：AI视频进入长镜头时代！

在 AI 技术日新月异的今天，我们再次见证了历史性的突破。昆仑万维 SkyReels 团队于近日正式发布了全球首款支持无限时长的电影生成模型——SkyReels-V2，并免费开源。这无疑为 AI 视频领域掀开了崭新的一页，标志着 AI 视频正式迈入长镜头时代…...

编程日记 2025/7/27 10:08:55

如何以特殊工艺攻克超薄电路板制造难题？

一、超薄PCB的行业定义与核心挑战超薄PCB通常指厚度低于1.0毫米的电路板，而高端产品可进一步压缩至0.4毫米甚至0.2毫米以下。这类电路板因体积小、重量轻、热传导性能优异，被广泛应用于折叠屏手机、智能穿戴设备、医疗植入器械及新能源汽车等领域。然而…...

编程日记 2025/7/27 10:08:53

VScode-py环境

settings.json {"git.ignoreLimitWarning": true,"code-runner.runInTerminal": true,"code-runner.executorMap": {"python": "python3"} } 第二句话保证在终端里面进行IO 第三句话保证python3的用户不会执行python关键…...

编程日记 2025/7/27 10:08:51

4.21 从0开始配置spark-local模式

首先准备好安装包然后使用命令解压使用source /etc/profile命令让环境变量生效输入命令 spark-submit --class org.apache.spark.examples.SparkPi --master local[2] /opt/module/spark-local/examples/jars/spark-examples_2.12-3.1.1.jar 10 即在spark运行了第一个程序…...

编程日记 2025/7/27 10:08:49

git详解

目录常用命令速查一、Git 的概念与作用二、Git 仓库（Repository） 1. 本地仓库 2. 远程仓库三、Git 的三个核心区域 1. 工作区（Working Directory） 2. 暂存区（Staging Area / Index） 3. 版本库…...

编程日记 2025/7/26 11:48:20

I/O复用函数的使用——select

I/O复用函数的使用——select 目录一、概念二、select接口 2.1 基础概念 2.2 使用 select 函数的标准输入读取代码 2.3 基于 select 模型的多客户端 TCP 服务器实现一、概念 i/o复用使得程序能同时监听多个文件描述符，可以提高程序性能。之前为了让服务器能…...

编程日记 2025/7/27 10:08:45

LangChain与图数据库Neo4j LLMGraphTransformer融合：医疗辅助诊断、金融风控领域垂直领域、法律咨询场景问答系统的技术实践

LangChain与图数据库融合：垂直领域问答系统的技术实践一、技术背景与核心价值在垂直领域（如金融、医疗、法律）的问答场景中，传统RAG系统常面临实体关系推理不足和专业术语理解偏差的痛点。LangChain通过集成图数据库与知识图谱…...

编程日记 2025/7/27 1:22:15

Trae国际版的下载与简单使用示例（免费使用Claude，GPT4.1等多个高级模型）

文章目录 Trae的下载与使用什么是Trae重要亮点Trae的核心功能主要特点安装指南下载步骤系统要求安装步骤基础操作代码补全代码生成代码解释高级功能自定义设置总结参考资料 Trae的下载与使用什么是Trae Trae是一款先进的AI编程助手工具，专为开发者打造。它集…...

编程日记 2025/7/27 11:13:21

Python 金融量化分析

文章目录 1. IPython：交互式的 Python 命令行安装常用操作IPython Notebook 2. NumPy：数据计算模块主要功能安装与导入创建 ndarrayndarray 的常用属性示例代码常用创建函数示例代码 3. NumPy 索引和切片数组运算数组索引和切片布尔型索引花式索引通用函…...

编程日记 2025/7/27 4:59:02

Linux:进程:进程控制

进程创建在Linux中我们使用fork函数创建新进程： fork函数 fork函数是Linux中的一个系统调用，用于创建一个新的进程，创建的新进程是原来进程的子进程返回值：如果子进程创建失败，返回值是-1。如果子进程创建成功&a…...

编程日记 2025/7/27 10:08:44

量子计算在金融领域的应用与展望

在当今数字化时代，金融行业正面临着前所未有的技术变革。量子计算作为前沿科技领域的明珠，正在逐渐从实验室走向实际应用，为金融行业带来新的机遇和挑战。本文将探讨量子计算在金融领域的应用现状、优势以及未来的发展展望。一、量子计算简介…...

编程日记 2025/7/27 10:08:42

StarRocks：一款开源的高性能分析型数据仓库

StarRocks 是一款高性能分析型数据仓库，使用向量化、MPP 架构、CBO（基于成本优化）、智能物化视图、可实时更新的列式存储引擎等技术实现多维、实时、高并发的数据分析。 StarRocks 是一个 Linux 基金会开源项目，采用 Apache 2.0 许…...

编程日记 2025/7/27 8:57:15

NLP高频面试题（四十九）大模型RAG常见面试题解析

为什么要构建RAG系统？ RAG系统通过结合信息检索和生成模型，解决了LLM在知识更新、幻觉和上下文限制等方面的挑战。它允许模型在生成响应前引用外部知识库，提高答案的准确性和相关性。 RAG与大模型微调的区别？项目RAG系统大模型微调知识更新通过更新外部知识库实现需要重…...

编程日记 2025/7/27 10:08:38

【NLP 68、R-BERT】

为什么划掉你的名字，为什么不敢与你对视 —— 25.4.21 一、R-BERT：基于BERT的关系抽取模型 R-BERT（Relation BERT）是一种用于关系抽取（Relation Extraction）任务的模型，它结合了预训练语言模型…...

编程日记 2025/7/27 4:19:50

Java:多线程

多线程线程是操作系统能够进行运算调度的最小单位。它被包含在进程之中，是进程中的实际运作单位。并发和并行并发：在同一时刻，有多个指令在单个CPU上交替执行并行：在同一时刻，有多个指令在多个CPU上同时执行 …...

编程日记 2025/7/27 2:34:57

第一章：自然语言处理

目录 1.1 自然语言处理发展史 1.2 统计语言模型发展史统计语言模型 NNLM 模型 Word2Vec 模型 ELMo 模型 BERT 模型大语言模型 1.3 小结自然语言处理（Natural Language Processing，NLP）是一门借助计算机技术研究人类语言的科学。虽…...

编程日记 2025/7/27 10:08:36

Git 大文件使用 Git-LFS 管理，推送失败

配置了.gitattributes文件后， *.jar filterlfs difflfs mergelfs -text *.so filterlfs difflfs mergelfs -text *.aar filterlfs difflfs mergelfs -text *.bin filterlfs difflfs mergelfs -text *.a filterlfs difflfs mergelfs -text 仍然推送失败 POST git-…...

编程日记 2025/7/27 10:08:34

[c语言日寄]免费文档生成器——Doxygen在c语言程序中的使用

【作者主页】siy2333 【专栏介绍】⌈c语言日寄⌋：这是一个专注于C语言刷题的专栏，精选题目，搭配详细题解、拓展算法。从基础语法到复杂算法，题目涉及的知识点全面覆盖，助力你系统提升。无论你是初学者，还是…...

编程日记 2025/7/27 10:08:32

RK3588上编译opencv 及基于c++实现图像的读入

参考博文： https://blog.csdn.net/qq_47432746/article/details/147203889 一、安装依赖包 sudo apt install build-essential cmake git pkg-config libgtk-3-dev libavcodec-dev libavformat-dev libswscale-dev libv4l-dev libxvidcore-dev libx264-dev libjpe…...

编程日记 2025/7/27 10:08:30