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

Drawer抽屉（antd-design组件库）简单用法

news 2025/9/7 18:36:56

1.Drawer抽屉

屏幕边缘滑出的浮层面板。

2.何时使用

抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。

·需要一个附加的面板来控制父窗体内容，这个面板在需要时呼出。比如，控制界面展示样式，往界面中添加内容。

·当需要在当前任务流中插入临时任务，创建或预览附加内容。比如展示协议条款，创建子对象。

组件代码来自：抽屉 Drawer - Ant Design

3.本地验证前的准备

参考文章【react项目+antd组件-demo:hello-world react项目+antd组件-demo:hello-world_react demo-CSDN博客】，将抽屉 Drawer - Ant Design 中需要在本地使用的代码复制覆盖App2.js中的全部代码，启动代码，可在本地查看现象和更改代码。

4.本地验证Drawer的用法。

复制下图所示代码，了解Drawer抽屉的基础用法。

本文仅介绍了组件Drawer的部分内容，更多内容请参阅官方文档：抽屉 Drawer - Ant Design

Drawer抽屉（antd-design组件库）简单用法

1.Drawer抽屉屏幕边缘滑出的浮层面板。 2.何时使用抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。需要一个附加的面板来控制父窗体内容，这个面板在需要时…...

编程日记 2023/11/30 7:42:32

Android控件全解手册 - 多语言切换完美解决方案（兼容7.0以上版本）

Unity3D特效百例案例项目实战源码Android-Unity实战问题汇总游戏脚本-辅助自动化Android控件全解手册再战Android系列Scratch编程案例软考全系列Unity3D学习专栏蓝桥系列ChatGPT和AIGC 👉关于作者专注于Android/Unity和各种游戏开发技巧，以及各种资源分…...

编程日记 2023/11/30 7:41:31

0 前言本文重点分析Android-P的CameraService实现。验证：Goldfish模拟器 1 定义图1.1 CameraService ICameraServiceframeworks/av/camera/aidl/android/hardware/ICameraService.aidlBnCameraServiceout/soong/.intermediates/frameworks/av/camera/libcamera_client/an…...

编程日记 2023/11/30 7:38:29

21.Oracle的程序包(Package)

Oracle的程序包Package 一、Package的概述1、什么是Oracle11g的Package2、Package的作用是什么3、常见的系统内置Package 二、创建Package的相关语法1、Package的创建语法2、Package的删除3、具体案例4、Package的使用5、与Package相关的其他语法三、常见内置程序包的使用1、…...

编程日记 2023/11/30 7:37:28

Spring 日志

日志的作用: 1.定位和发现问题 2.系统监控 3.数据采集观察日志先写一段打印日志的代码日志内容日志级别分类默认日志级别是Info,级别一下的就不打印了 Spring 帮我们集成了日志框架,我们直接使用即可我们测试一下用日志框架打印日志是如何我们就会发现打印的结果跟…...

编程日记 2023/11/30 7:36:26

webpack如何处理浏览器的样式兼容问题postcss

一、准备工作 css/index.css添加样式 .word {color: red;user-select: none; } 为了兼容不同的浏览器我们需要添加前缀比如： -webkit-user-select: none; 这个工作可以通过postcss的插件postcss-preset-env处理二、安装依赖 pnpm i -D postcss postcss-loader…...

编程日记 2023/11/30 7:35:25

idea方法注释模版设置

方法上面的注释模版： Template text: ** Description $desc$ $param$ $return$* Aauthor yimeng* date $DATE$ $TIME$ **/param： groovyScript("def result ;def params \"${_1}\".replaceAll([\\\\[|\\\\]|\\\\s], ).split(,).toLis…...

编程日记 2023/11/30 7:34:25

NX二次开发UF_CURVE_create_isocline 函数介绍

文章作者：里海来源网站：https://blog.csdn.net/WangPaiFeiXingYuan UF_CURVE_create_isocline Defined in: uf_curve.h int UF_CURVE_create_isocline(int face_cnt, tag_t faces [ ] , double direction [ 3 ] , const char * start_angle, const ch…...

编程日记 2023/11/30 7:33:23

从0开始学习JavaScript--JavaScript 模板字符串的全面应用

JavaScript 模板字符串是 ES6 引入的一项强大特性，它提供了一种更优雅、更灵活的字符串拼接方式。在本文中，将深入探讨模板字符串的基本语法、高级用法以及在实际项目中的广泛应用，通过丰富的示例代码带你领略模板字符串的魅力。模板字符串…...

编程日记 2023/11/30 7:32:22

开源 vs 闭源：数字化时代的技术选择

开源 vs 闭源：数字化时代的技术选择近期，特斯拉CEO马斯克的一番言论引起了广泛关注：OpenAI不该闭源，自家首款聊天机器人将开源。这引发了人们对于开源与闭源软件的辩论，这一话题在技术界一直是热门的讨论焦点。在数字…...

编程日记 2023/11/30 7:31:22

Spring Boot项目Service类单元测试自动生成

在Spring Boot项目中，对Service类进行单元测试对于开发工程师而言具有重大意义和作用： 验证业务逻辑的正确性和完整性核心业务逻辑的准确实现：Service类通常包含核心业务逻辑。单元测试确保这些逻辑被正确实现，满足业务需求。处…...

编程日记 2023/11/30 7:30:21

Typescript中 interface 和 type 的区别是什么？

在 TypeScript 中，interface 和 type 都用于定义类型，但它们有一些区别。 1. 语法差异： interface 关键字用于声明接口，使用 interface 可以定义对象的形状、函数的签名等。 type 关键字用于声明类型别名，可以给一个…...

编程日记 2023/11/30 7:28:19

W2311294-万宾科技可燃气体监测仪怎么进行数据监测

万宾科技可燃气体监测仪怎么进行数据监测燃气是现代城市之中重要的能源，它已经渗透到城市生活的方方面面，对燃气管网的管理也在考验着政府人员的工作能力。燃气管网的安全运行和城市的安全和人民的生活直接挂钩。为了及时掌握燃气管网的运行状态&#x…...

编程日记 2023/11/30 7:27:19

Elasticsearch：向量搜索 (kNN) 实施指南 - API 版

作者：Jeff Vestal 本指南重点介绍通过 HTTP 或 Python 使用 Elasticsearch API 设置 Elasticsearch 以进行近似 k 最近邻 (kNN) 搜索。对于主要使用 Kibana 或希望通过 UI 进行测试的用户，请访问使用 Elastic 爬虫的语义搜索入门指南。你也可以参考文章…...

编程日记 2023/11/30 7:26:17

704 二分查找 day1

class Solution { public: int search(vector<int>& nums, int target) { int left 0; int right nums.size() - 1; // 定义target在左闭右闭的区间里，[left, right] while (left < right) { // 当leftright，区间[left, right]依然有效&…...

编程日记 2023/11/30 7:24:16

Python面试破解：return和yield的细腻差别

更多Python学习内容：ipengtao.com 大家好，我是涛哥，今天为大家分享 Python面试破解：return和yield的细腻差别，全文3000字，阅读大约10钟。在Python的函数编程中，return和yield是两个常用的关键词…...

编程日记 2023/11/30 7:23:15

云时空社会化商业 ERP 系统 service SQL 注入漏洞复现

0x01 产品简介时空云社会化商业ERP（简称时空云ERP） ，该产品采用JAVA语言和Oracle数据库， 融合用友软件的先进管理理念，汇集各医药企业特色管理需求，通过规范各个流通环节从而提高企业竞争力、降低人员成本…...

编程日记 2023/11/30 7:22:14

Vue3-Pinia

Pinia是什么 Pinia是Vue的最新状态管理工具，是Vuex的替代品比Vuex更大的优势在于： 1.提供更加简单的API（去掉了mutation） 2.提供符合，组合式风格的API（和Vue3新语法统一） 3.去掉了modules…...

编程日记 2023/11/30 7:21:13

数据挖掘之时间序列分析

一、概念时间序列（Time Series） 时间序列是指同一统计指标的数值按其发生的时间先后顺序排列而成的数列（是均匀时间间隔上的观测值序列）。时间序列分析的主要目的是根据已有的历史数据对未来进行预测。时间序列分析主要包…...

编程日记 2023/11/30 7:19:12

iOS NSDate的常用API

目录一、创建日期 1.获取当前时间 2.当前时间指定秒数之后/前的时间 3.指定日期之后/后的时间 4.2001年之后/前指定秒数的时间 5.1970年之后/后指定秒数的时间二、初始化日期 1.init 2.时间间指定秒数的时间 3.指定时间指定秒数之前/后的时间 4.2001年指定秒数之后…...

编程日记 2023/11/30 7:18:08

Python爬虫实战：研究MechanicalSoup库相关技术

一、MechanicalSoup 库概述 1.1 库简介 MechanicalSoup 是一个 Python 库，专为自动化交互网站而设计。它结合了 requests 的 HTTP 请求能力和 BeautifulSoup 的 HTML 解析能力，提供了直观的 API，让我们可以像人类用户一样浏览网页、填写表单和提交请求。 1.2 主要功能特点…...

编程新知 2025/8/5 5:52:21

多场景 OkHttpClient 管理器 - Android 网络通信解决方案

下面是一个完整的 Android 实现，展示如何创建和管理多个 OkHttpClient 实例，分别用于长连接、普通 HTTP 请求和文件下载场景。 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas…...

编程新知 2025/8/6 7:06:58

Java - Mysql数据类型对应

Mysql数据类型java数据类型备注整型INT/INTEGERint / java.lang.Integer–BIGINTlong/java.lang.Long–––浮点型FLOATfloat/java.lang.FloatDOUBLEdouble/java.lang.Double–DECIMAL/NUMERICjava.math.BigDecimal字符串型CHARjava.lang.String固定长度字符串VARCHARjava.lang…...

编程新知 2025/7/12 22:48:51

Git常用命令完全指南：从入门到精通

Git常用命令完全指南：从入门到精通一、基础配置命令 1. 用户信息配置 # 设置全局用户名 git config --global user.name "你的名字"# 设置全局邮箱 git config --global user.email "你的邮箱example.com"# 查看所有配置 git config --list…...

编程新知 2025/7/11 0:32:35