如何使用AntDesign的Affix组件 要使用AntDesign的Affix组件,首先需要安装AntDesign的UI库,并引入Affix组件。 npm install antd--save AI代码助手复制代码 在需要使用Affix组件的页面中引入Affix组件,并在合适的位置使用Affix组件包裹需要固定的内容。 importReactfrom'react';import{Affix}from'antd';constMyComponent= ()...
ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版 布局 4 Divider 分割线 Grid 栅格 Layout 布局 Space 间距 导航 7 Affix 固钉 Breadcrumb 面包屑 Dropdown 下拉菜单 ...
专属的调研,投票、NPS、报名等系统 Surely Table 构建更快的网站 更快的构建网站 1 2 Components Overview Navigation Affix Breadcrumb Dropdown Menu PageHeader Pagination Steps Data Entry AutoComplete Cascader Checkbox DatePicker Form Input InputNumber
Result结果 Skeleton骨架屏 Spin加载中 Watermark水印 其他4 Affix固钉 App包裹组件 ConfigProvider全局化配置 Util工具类 重型组件6 ProLayout高级布局 ProForm高级表单 ProTable高级表格 ProDescriptions高级定义列表 ProList高级列表 EditableProTable可编辑表格
DatePicker 日期选择框 Input 输入框 InputNumber 数字输入框 Mentions 提及 Radio 单选框 Rate 评分 Select 选择器 Switch 开关 TimePicker 时间选择框 Upload 上传 数据展示 22 Badge 徽标数 Collapse 折叠面板 Descriptions 描述列表 Image 图片 Segmented 分段控制器 ...
用target设置Affix需要监听其滚动事件的元素,默认为window。 可以获得是否固定的状态。 API 通用属性参考:通用属性 参数说明类型默认值 offsetBottom距离窗口底部达到指定偏移量后触发number- offsetTop距离窗口顶部达到指定偏移量后触发number0 target设置Affix需要监听其滚动事件的元素,值为一个返回对应 DOM 元素的函数()...
Affix 固钉 将页面元素钉在可视范围。 何时使用 当内容区域比较长,需要滚动页面时,这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。 页面可视范围过小时,慎用此功能以免遮挡页面内容。 代码演示 基本# 最简单的用法。 滚动容器#...
模态对话框。 何时使用 需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用Modal在当前页面正中打开一个浮层,承载相应的操作。 另外当需要一个简洁的确认框询问用户时,可以使用Modal.confirm()等语法糖方法。 代码演示 异步关闭# 点击确定后异步关闭对话框,例如提交表单。
zIndexPopupBase 浮层类组件的基础 Z 轴值,用于一些悬浮类的组件的可以基于该值 Z 轴控制层级,例如 FloatButton、 Affix、Modal 等 number 1000 MapToken # 继承所有 SeedToken 的属性 Token 名称描述类型默认值 borderRadiusLG LG号圆角,用于组件中的一些大圆角,如 Card、Modal 等一些组件样式。 number 8 bor...
反馈 10 Alert 警告提示 Drawer 抽屉 Message 全局提示 Modal 对话框 Notification 通知提醒框 Popconfirm 气泡确认框 Progress 进度条 Result 结果 Skeleton 骨架屏 Spin 加载中