ant-design/design/responsive.md
2015-07-05 15:43:07 +08:00

3.1 KiB
Raw Blame History

响应交互

  • category: 动画
  • order: 1

响应交互一般是指我们在浏览页面时,点击元素时动画给我们视觉上的反馈,每个交互动效都能给我们带来不同视觉效果。

如搜索框当你点击准备输入时icon将会跑到右边方便点击当然你按回车也是可以提交表单的在你没有输入文字时icon又会恢愎到原来的地置但当你输入了文字后icon将会停留在右边

按钮类表面效果

按钮上的hover或click效果随着你的鼠标事件而改变自身或增加元素在按钮上

以下按钮对组件按钮的修改,只做示例,具体还需看组件;

1.按钮表面效果;

我是按钮 点击涟漪按钮 点击涟漪按钮

2.无素结合切换;

加载按钮 刷新

元素类呈现效果

元素呈现指点击或滑过展现相关的内容或提示,如下拉菜单或弹出框等;

注:物体弹出点要从点击点出现,不要做凭空出现;

1.icon菜单(点放大模式)

  • 第一排文字元素
  • 第二排文字元素
  • 第三排文字元素
  • 第四排文字元素

2.下拉菜单(下滑模式)

菜单按钮
  • 第一排文字元素
  • 第二排文字元素
  • 第三排文字元素
  • 第四排文字元素