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

uniapp页面嵌套其他页面的实现

news 2026/4/6 6:42:52

功能:

类似于一个drawer，当主页面加载的时候会一并加载url对应的组件，当点击后以drawer形式显示组件里面的内容，可动画。

        <navigator url="/pages/my/components/personalMessage" slot="right"><view><div style="display: flex;gap: 15px;padding: 0vh 1vw;"><u-icon name="grid" size="20"></u-icon><u-icon name="arrow-right"></u-icon></div></view></navigator>

使用场景:

如下
在这里插入图片描述
在这里插入图片描述

使用

首先必须现在page.json中注册url里传输的组件，默认都是带一个右边出现的动画，后直接使用，
这里可以把navigator最外部的元素理解为view，可以直接绑定@click和style等

        <navigator url="/pages/my/components/personalMessage" slot="right">点击的内容</navigator>

在这里插入图片描述

相关文章：

uniapp页面嵌套其他页面的实现

功能: 类似于一个drawer&#xff0c;当主页面加载的时候会一并加载url对应的组件&#xff0c;当点击后以drawer形式显示组件里面的内容&#xff0c;可动画。 <navigator url"/pages/my/components/personalMessage" slot"right"><view><di…...

编程日记 2024/3/25 8:31:19

XUbuntu22.04之安装Plantuml(二百二十三)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 优质专栏&#xff1a;Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a;多媒…...

编程日记 2024/3/25 8:29:17

第四周刷题小结

第一天 P1068 [NOIP2009 普及组] 分数线划定 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 思路&#xff1a; 这个题感觉不难&#xff0c;主要是用到了结构体cmp的自定义排序&#xff0c;但是还是错了一次&#xff0c;就是没注意到题目给的条件。 #include<iostream&g…...

编程日记 2024/3/25 8:27:15

基于Java中的SSM框架实现考研指导平台系统项目【项目源码+论文说明】

基于Java中的SSM框架实现考研指导平台系统演示 摘要 应对考研的学生&#xff0c;为了更好的使校园考研有一个更好的环境好好的学习&#xff0c;建议一个好的校园网站&#xff0c;是非常有必要的。提供学生的学习提供一个交流的空间。帮助同学们在学习高数、学习设计、学习统计…...

编程日记 2024/3/25 8:25:13

项目2-用户登录

1.创建项目 2.引入前端代码并检查是否有误 3.定义接口 需求分析 对于后端开发⼈员⽽⾔, 不涉及前端⻚⾯的展⽰, 只需要提供两个功能 1. 登录⻚⾯: 通过账号和密码, 校验输⼊的账号密码是否正确, 并告知前端 2. ⾸⻚: 告知前端当前登录⽤⼾. 如果当前已有⽤⼾登录, 返回登录的账…...

编程日记 2024/3/25 8:22:10

网易web安全工程师进阶版课程

课程介绍 《Web安全工程师&#xff08;进阶&#xff09;》是由“ i春秋学院联合网易安全部”出品&#xff0c;资深讲师团队通过精炼的教学内容、丰富的实际场景及综合项目实战&#xff0c;帮助学员纵向提升技能&#xff0c;横向拓宽视野&#xff0c;牢靠掌握Web安全工程师核心…...

编程日记 2024/3/25 8:19:08

【Postman】工具使用介绍

一、postman工具介绍 1.什么是postman postman是谷歌开发的一款网页调试和接口测试工具&#xff0c;能够发送任何请求类型的http请求&#xff0c;支持GET/POST/PUT/DELETE等方法。postman简单易用&#xff0c;可以直接填写URL&#xff0c;header&#xff0c;body就可以发送一…...

编程日记 2024/3/25 8:15:03

【vue核心技术实战精讲】1.3 - 1.6 VUE 指令 （上）

前言 上节,我们学习了 Vue的起步 和 插值表达式 本节内容 Vue指令之v-text 和 v-htmlVue指令之v-if 和 v-showVue指令之v-bind绑定Vue指令之v-on事件处理 1、v-text 和 v-html {{}} 和v-text的作用是一样的 都是插入值,直接渲染 ≈ innerTextv-html既能插入值 又能插入标签…...

编程日记 2024/3/25 8:14:02

vscode使用Runner插件将.exe文件统一放到一个目录下

找到右下角管理&#xff0c;点击扩展。 找到Code Runner插件&#xff0c;打开扩展设置。 向下翻&#xff0c;找到Executor Map&#xff0c;点击在settings.json中编辑。 在c和c的配置命令栏中增加\\\output\\即可。&#xff08;增加的目录不能自动创建&#xff0c;需要手动创建…...

编程日记 2024/3/25 8:09:56

[commonjs--resolver] Missing “./jsx-runtime.js“ specifier in “react“ package

修复vite构建时错误 vite打包,第三方包引用的react版本不一致问题修复(不是最优解) // vite.config.js import { defineConfig } from vite; import react from vitejs/plugin-react; import path from path;export default defineConfig({plugins: [react(), // 如果使用Rea…...

编程日记 2024/3/25 8:08:55

ETH Gas 之 Base Fee Priority Fee

前情回顾 ETH网络 之 Gas EIP-1559 EIP-1559 EIP-1559是以太坊改进提案&#xff08;Ethereum Improvement Proposal&#xff09;&#xff0c;旨在改进以太坊的交易费用机制。该提案引入了一种新的交易费用模型&#xff0c;以提高交易费用的可预测性和网络的效率。我们本文各…...

编程日记 2024/3/25 8:06:53

【小白入门篇1】GPT到底是怎样练成？

由于具有代表性的OpenAI公司GPT模型并没有开源&#xff0c;所以本章节是参考一些开源和现有课程&#xff08;李宏毅&#xff09;讲解ChatGPT原理。本章没有涉及到很多数学运算&#xff0c;比较适合小白了解GPT到底是怎么练成。GPT的三个英文字母分别代表Generative(生成式)&…...

编程日记 2024/3/25 8:04:52

Django——forms组件

Django——forms组件 forms组件&#xff1a;通过后端在Django中定义forms类&#xff0c;可以在 html 中动态的生成一个表单&#xff1b;检验用户提交的数据。 在应用中创建一个名为 &#xff1a;forms 的py文件 # 导入 forms 组件 from django import forms# 自定义 forms …...

编程日记 2024/3/25 8:02:50

利用K8S Statefulset搭建Etcd集群 - PVC存储

概述 在测试过程中发现&#xff0c;直接使用本地存储&#xff0c;当节点机器损坏了&#xff0c;对应机器的etcd数据也丢失了&#xff0c;故而做了利用K8S PV&#xff0c;PVC以及NFS来存储数据的尝试&#xff0c;经过一番折腾&#xff0c;测试成功&#xff0c;博文记录&#xf…...

编程日记 2024/3/25 8:00:48

手撕算法-接雨水

描述 分析 i位置能积累的雨水量&#xff0c;等于其左右两边最大高度的最小值。为了能获取i位置左右两边的最大高度。使用动态规划。两个dp数组&#xff1a; leftMaxrightMax 其中 leftMax[i] 代表i位置左边的最大高度rightMax[i] 代表i位置右边的最大高度 初始状态&#x…...

编程日记 2024/3/25 7:55:43

探索AI大模型学习：理论基础、技术突破与未来挑战

在当今技术飞速发展的时代&#xff0c;人工智能&#xff08;AI&#xff09;大模型学习无疑是推动科技进步和创新的关键力量。AI大模型学习的核心在于通过训练大规模的数据集来提升模型的性能&#xff0c;使之能够更准确、更高效地完成各种任务&#xff0c;从而在多个领域中实现…...

编程日记 2024/3/25 7:54:42

Linux：点命令source

相关阅读 Linuxhttps://blog.csdn.net/weixin_45791458/category_12234591.html?spm1001.2014.3001.5482 source命令用于读取一个文件的内容并在当前Shell环境&#xff08;包括交互式Shell或是非交互式Shell&#xff09;执行里面的命令。它被称为点命令是因为命令名source也可…...

编程日记 2024/3/25 7:50:32

iOS开发 - 转源码 - __weak问题解决

iOS开发 - 转源码 - __weak问题解决 在使用clang转换OC为C代码时&#xff0c;可能会遇到以下问题 cannot create __weak reference in file using manual reference 原因 __weak弱引用是需要runtime支持的&#xff0c;如果我们还只是使用静态编译&#xff0c;是无法正常转换的…...

编程日记 2024/3/25 7:45:28

【Linux基础】dash和bash简介

Dash&#xff08;Debian Almquist Shell&#xff09;和 Bash&#xff08;Bourne Again Shell&#xff09;是 Unix/Linux 系统中的命令行 shell&#xff0c;用于执行命令、管理文件系统、编写脚本等任务的工具。 一、Dash和Bash的区别&#xff1a; Bash&#xff08;Bourne Agai…...

编程日记 2024/3/25 7:39:23

精读《如何做好 CodeReview》

1 引言 任何软件都是协同开发的&#xff0c;所以 CodeReview 非常重要&#xff0c;它可以帮助你减少代码质量问题&#xff0c;提高开发效率&#xff0c;提升稳定性&#xff0c;同时还能保证软件架构的稳定性&#xff0c;防止代码结构被恶意破坏导致难以维护。 所以 CodeRevie…...

编程日记 2024/3/25 7:37:20

Qwen3-VL-30B快速上手：开箱即用，打造你的专属多模态AI

Qwen3-VL-30B快速上手&#xff1a;开箱即用&#xff0c;打造你的专属多模态AI 1. 为什么选择Qwen3-VL-30B&#xff1f; 在当今AI技术飞速发展的时代&#xff0c;多模态模型正成为行业新宠。Qwen3-VL-30B作为Qwen系列的最新力作&#xff0c;带来了多项突破性升级&#xff1a; …...

编程新知 2026/4/6 6:16:45

Qwen2.5-14B-Instruct效果展示：像素剧本圣殿输出的专业级分场剧本作品集

Qwen2.5-14B-Instruct效果展示&#xff1a;像素剧本圣殿输出的专业级分场剧本作品集 1. 专业剧本创作的新纪元 在创意写作领域&#xff0c;剧本创作一直是最具挑战性的任务之一。传统创作流程需要编剧投入大量时间构思情节、塑造角色、打磨对白&#xff0c;而今天我们要展示的…...

编程新知 2026/4/6 6:14:44

告别官方版SSE2坑！用linsys_pjsip 2.11.8在ARM32平台快速集成SIP与WebRTC AEC3

ARM32平台高效集成SIP与WebRTC AEC3&#xff1a;linsys_pjsip 2.11.8实战指南 在嵌入式音视频通信领域&#xff0c;ARM32架构设备因其低功耗和成本优势被广泛应用。但当你尝试在这些设备上部署PJSIP时&#xff0c;官方版本的SSE2指令集依赖就像一堵高墙&#xff0c;让许多开发者…...

编程新知 2026/4/6 4:57:56

嵌入式 AI 助手的三层意图识别架构：如何在“快、准、稳“之间取得平衡

背景 我在开发一个项目协同平台的嵌入式 AI 助手。它不是独立的 chatbot&#xff0c;而是嵌在业务页面里的——用户可以在首页、项目详情页、任务抽屉等不同位置唤起它&#xff0c;用自然语言完成任务查询、创建、删除等操作。 和通用对话 AI 不同&#xff0c;这个助手有两个硬…...

编程新知 2026/4/6 4:20:40

STM32 HAL库中那些‘魔法数字’的秘密：以GPIO模式宏定义为例，看懂位域操作与寄存器配置

STM32 HAL库中那些‘魔法数字’的秘密&#xff1a;以GPIO模式宏定义为例&#xff0c;看懂位域操作与寄存器配置 第一次翻开STM32 HAL库的头文件时&#xff0c;那些密密麻麻的十六进制数字和位移操作符就像一串串神秘的咒语。0x3uL << GPIO_MODE_Pos、~(GPIO_OSPEEDR_OSPE…...

编程新知 2026/4/6 2:26:26

GitHub Copilot 深入实战：从配置到效率翻倍

第一章：GitHub Copilot 入门 1.1 什么是 GitHub Copilot GitHub Copilot 是由 GitHub 与 OpenAI 合作开发的 AI 编程助手，于 2021 年 6 月正式发布。它基于 OpenAI 的 Codex 模型（GPT-4 的专门针对编程任务优化的版本）构建，能够在开发者编写代码时实时提供智能建议和自动…...

编程新知 2026/4/6 2:12:17

QQ 第三方登录（Django）

QQ 第三方登录&#xff08;Django&#xff09; 本篇教程完全面向 Django 开发者&#xff0c;从 QQ 互联原理、三端交互流程&#xff0c;到完整代码实现&#xff0c;一步到位&#xff0c;新手可直接复制粘贴跟着操作&#xff0c;避开所有常见踩坑点&#xff0c;兼顾教学和实战需…...

编程新知 2026/4/6 1:31:48

从晶体管到ALU：计算机运算基础全解析

1. 从晶体管到二进制&#xff1a;计算机运算的物理基础现代计算机的核心运算能力源于晶体管这一基础电子元件的巧妙运用。晶体管本质上是一个由半导体材料制成的三端器件&#xff0c;通过控制其中一个电极&#xff08;基极或栅极&#xff09;的电压&#xff0c;可以精确控制另外…...

编程新知 2026/4/6 1:29:47

Go - Zerolog使用入门

特点高性能&#xff1a;零分配设计&#xff0c;极高的写入速度&#xff0c;对 GC 几乎无压力。结构化日志&#xff1a;默认输出 JSON 格式&#xff0c;便于日志系统&#xff08;如 ELK、Loki&#xff09;解析和检索。支持 context&#xff1a;可以在请求链路中传递和追加日志字…...

编程新知 2026/4/6 0:39:01

OBS屏幕录制全攻略：从零开始轻松上手

1. OBS屏幕录制入门指南 第一次接触OBS的朋友可能会被它复杂的界面吓到&#xff0c;但其实它的核心功能非常简单。我刚开始用OBS时也走了不少弯路&#xff0c;现在就把这些经验分享给大家。OBS Studio&#xff08;Open Broadcaster Software&#xff09;是一款开源免费的屏幕录…...

编程新知 2026/4/5 22:59:16