14-Teleport
<template><div class="parent"><h1>我是父级</h1><!-- disable设置为true则不传送 disable为true则传送 class .bottom #bottom 或者标签元素 --><Teleport to=".bottom" :disabled="false"><A></A></Teleport></div><div class="bottom"></div>
</template><script setup lang="ts">
import { ref, reactive } from 'vue'
import A from './Card/A.vue'
</script><style lang="less" scoped>
* {padding: 0;margin: 0;
}
.parent {background: yellow;height: 50vh;position: relative;
}
.bottom {background: rebeccapurple;height: 50vh;position: relative;
}
</style><template><div class="dialog"><header class="header"><div>我是弹框</div><el-icon><CloseBold></CloseBold></el-icon></header><div class="main">我是内容xasdasda</div><footer class="footer"><el-button size="small">取消</el-button><el-button size="small" type="primary">确定</el-button></footer></div>
</template><script setup lang="ts">
</script><style lang="less" scoped>
.dialog {width: 400px;height: 400px;background: #141414;display: flex;flex-direction: column;position: absolute;left: 50%;top: 50%;margin-left: -200px;margin-top: -200px;.header {display: flex;color: #cfd3dc;border-bottom: 1px solid #636466;padding: 10px;justify-content: space-between;}.main {flex: 1;color: #cfd3dc;padding: 10px;}
}</style>
14-Teleport相关推荐
- Python 模块大全(很详细!)
转载:.... Python的模块大全,很全,有详细介绍! 另外附Python两个教程 1. Python详细教程(廖雪峰的官方网站,语言简洁!) 2. Python 进阶教程 (Vamei) 3. ...
- optfine的jar文件打不开_JAVA版1.14.4 装了最新版的optifine游戏打不开了 求助大佬们...
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 用的HMCL启动器 装了optifine和forge optifine是去官网下的最新正版的 报错文档 [19:07:10] [main/INFO]: M ...
- java 保垒机telnet,开源堡垒机系统Teleport
一. teleport简介 Teleport是一款简单易用的堡垒机系统,具有小巧.易用的特点,支持 RDP/SSH/SFTP/Telnet 协议的远程连接和审计管理. Teleport由两大部分构成: ...
- 抓起整个网站离线浏览的软件Teleport Pro
百科名片 Teleport Pro由美国Tennyson Maxwell公司开发,曾被PC Magazine评为"编辑选择奖".ZDNet评为五星.它可以完全或部分下载一个网站上的 ...
- 堡垒机teleport安装与配置
安装前准备: selinux为关闭状态: 防火墙开启所需端口: 一 下载并安装 Teleport支持下列Linux平台的部署 : Ubuntu 14.04 64位 及以上版本 CentOS 7.0 6 ...
- Teleport 简易堡垒机系统
文章目录 简介 开源协议 界面展示 功能概述 特点 极易部署 安全增强 单点登录 按需授权 运维审计 功能 登录 登录方式 忘记密码 资产管理 用户管理 运维 审计 系统管理 客户端 技术选型 支持的 ...
- HTML网页设计期末课程大作业~旅游住宿酒店的HTML网页设计(14页) ~学生网页设计作业源码 旅游网页代码 学生网页设计与制作期末作业下载 DW旅游网页作业代码下载
旅游住宿酒店的HTML网页设计14页 ~ 学生网页设计与制作期末作业下载~ 大学生网页设计与制作成品下载 ~DW旅游网页作业代码下载 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
- 安装teleport 堡垒机服务器-基于v3.2.2版
一. 简介 官网: https://tp4a.com go编写,小巧,易用,开源 支持多数常用Linux发行版 客户端支持Windows和MacOS 支持 RDP.SSH.SFTP.Telnet 只有 ...
- Teleport堡垒机安装部署
一.安装 本文针对 v3.x 及以上版本进行说明. 1.1 下载并安装 Teleport支持下列Linux平台的部署 (如果您在其它Linux平台上部署通过,请告知我们): Ubuntu 14.04 ...
- Teleport堡垒机
一.Teleport介绍 Teleport是触维软件推出的一款简单易用的堡垒机系统,具有小巧.易用.易于集成的特点,支持RDP和SSH协议的跳转. Teleport由两大部分构成: Teleport跳 ...
最新文章
- OpenCV 图像的加法
- [JavaScript Java] 初识Closure Tools(一)
- 突发!Python再次第一,Java和C下降,凭什么? ​
- 使用Docker-Compose安装GitLab服务器
- vue v-if判断数组元素的值_我对Vue项目上线做的一些基本优化
- EOS Keosd概述
- 《深入理解Java虚拟机》第5章 调优案例分析与实战
- uniapp/vue 组件之间的传值
- 生产排程遇难题?APS系统来解决
- java读取propertiies文件例子
- 计算机42D,汉印G42D 电子面单打印机
- 说说怎么保证线程安全
- 操作系统学习笔记(二十二)~虚拟存储技术+请求分页+页面置换
- 如何将单线程爬虫改成多线程
- 结构化数据、半结构化数据、非结构化数据
- Python _多文件入表中的记录
- opencv自定义从一幅图片截取特定区域函数cvExtractRegion
- Flutter中各种对话框的使用
- 直播源代码,android 时间戳转换
- 【学习笔记】上下界网络流
热门文章
- rabbitmq官网下载教程(手把手教你如何找到资源不迷路)
- 诛仙手游最新服务器,诛仙手游登顶AppStore中国区免费榜 服务器全线飘红
- 教你两种方法,轻松锁定数据不被修改
- 《iOS移动开发从入门到精通》图书连载一:如果你也想开发一款自己的APP,可以看一下这篇文
- 优化shopify:不使用app的情况下在Shopify添加公告栏(带计算包邮门槛)
- Adobe Acrobat 9 Pro序列号
- Docker离线安装Nvidia-container-toolkit实现容器内GPU调用
- js+css3可爱的豌豆表情js特效
- 美化人像修片—将不清晰的图像变清晰
- 用Python爬了3w条游戏评分数据,有多少是你玩过的?