预设宽度 抽屉的默认宽度为 378px,另外还提供一个大号抽屉 736px,可以用 size 属性来设置。 TypeScript JavaScript import { Button, Drawer, Space } from 'antd'; import type { DrawerProps } from 'antd/es/drawer'; import React, { useState } from 'react'; const App: React.FC = () => { ...
侧边导航宽度的范围计算公式:200+8n。 交互 一级导航和末级的导航需要在可视化的层面被强调出来; 当前项应该在呈现上优先级最高; 当导航收起的时候,当前项的样式自动赋予给它的上一个层级; 左侧导航栏的收放交互同时支持手风琴和全展开的样式,根据业务的要求进行适当的选择。
width宽度string|number520 wrapClassName对话框外层容器的类名string- zIndex设置 Modal 的z-indexNumber1000 dialogStyle可用于设置浮层的样式,调整浮层位置等object-1.6.1 dialogClass可用于设置浮层的类名string-1.6.1 事件# 事件名称说明回调参数 cancel点击遮罩层或右上角叉或取消按钮的回调function(e) ...
width图像宽度string | number-4.6.0 onError加载错误回调(event: Event) => void-4.12.0 其他属性见 PreviewType 参数说明类型默认值版本 visible是否显示boolean-- src自定义预览 srcstring-4.10.0 getContainer指定预览挂载的节点,但依旧为全屏展示,false 为挂载在当前位置string | HTMLElement | (() => HTMLE...
},setup(props, { emit }) {constdrawerInfo =reactive({placement: props.openlocal,//打开的方向width: props.width,//宽度customTitle: props.customTitle,//标题visible: props.showMskFalg,//默认关闭showCloseIcon: props.showCloseflag,//closableclickmaskFlag: props.clickmaskFlag,// 点击蒙层是否允许...
</template> import { defineComponent, reactive, watch } from 'vue' export default defineComponent({ props: { // 从那个方向打开 openlocal: { type: String, default: 'right', }, // 宽度 width: { type: String, default: '461px',...
drawer 设置Drawer 组件的通用属性 { className?: string, style?: React.CSSProperties, classNames?: DrawerProps["classNames"], styles?: DrawerProps["styles"], closeIcon?: ReactNode } - 5.7.0, classNames 和styles: 5.10.0, closeIcon: 5.14.0 ...
colorBgMask 浮层的背景蒙层颜色,用于遮罩浮层下面的内容,Modal、Drawer 等组件的蒙层使用的是该 token string rgba(0, 0, 0, 0.45) colorBgSpotlight 该色用于引起用户强烈关注注意的背景色,目前只用在 Tooltip 的背景色上。 string rgba(0, 0, 0, 0.85) colorBorder 默认使用的边框颜色, 用于分割不同的...
移除了 Drawer 的wrapClassName属性，请使用className替代。移除了 TextArea 的autosize属性，请使用autoSize替代。移除了 Affix 的offset属性，请使用offsetTop替代。移除了 Transfer 的onSearchChange属性，请使用onSearch替代。移除了 Transfer 的body属性，请使用children替代。移除了 Transfer 的lazy属性，它并没有起到...