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

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

功能:

类似于一个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>

在这里插入图片描述

http://www.lryc.cn/news/324730.html

相关文章:

  • XUbuntu22.04之安装Plantuml(二百二十三)
  • 第四周刷题小结
  • 基于Java中的SSM框架实现考研指导平台系统项目【项目源码+论文说明】
  • 项目2-用户登录
  • 网易web安全工程师进阶版课程
  • 【Postman】工具使用介绍
  • 【vue核心技术实战精讲】1.3 - 1.6 VUE 指令 (上)
  • vscode使用Runner插件将.exe文件统一放到一个目录下
  • [commonjs--resolver] Missing “./jsx-runtime.js“ specifier in “react“ package
  • ETH Gas 之 Base Fee Priority Fee
  • 【小白入门篇1】GPT到底是怎样练成?
  • Django——forms组件
  • 利用K8S Statefulset搭建Etcd集群 - PVC存储
  • 手撕算法-接雨水
  • 探索AI大模型学习:理论基础、技术突破与未来挑战
  • Linux:点命令source
  • iOS开发 - 转源码 - __weak问题解决
  • 【Linux基础】dash和bash简介
  • 精读《如何做好 CodeReview》
  • 双指针(滑动窗口)-算法刷题
  • 上位机图像处理和嵌入式模块部署(qmacvisual之ROI设定)
  • 银行监管报送系统介绍(五):金融统计数据大集中自动化报送系统——PBOC Report
  • 常用中间件redis,kafka及其测试方法
  • ROS1通过rosbridge在局域网中控制turtle进行运动(PC和手机)
  • MQ高级篇---消息可靠性
  • SpringMVC | SpringMVC中的 “文件上传和下载”
  • JVM快速入门(2)HotSpot和堆、新生区、永久区、堆内存调优、JProfiler工具分析OOM原因、GC(垃圾回收)、JVM经典面试笔试题整理
  • 我的风采——android studio
  • BMS设计中的短路保护和MOSFET选型(上)
  • 用go实现一个任务调度类 (泛型)