Quasar 组件的过渡效果

一些 Quasar 组件可以通过transition-show/transition-hide 或 transition-prev/transition-next 或 transition 等属性来控制过渡效果:

• transition-show/transition-hide

  • QBtnDropdown
  • QInnerLoading
  • QTooltip
  • QMenu
  • QDialog
  • QSelect (通过 QMenu 和 QDialog)
  • QPopupProxy (通过 QMenu 和 QDialog)

• transition-prev/transition-next

  • QCarousel
  • QTabPanels
  • QStepper

• transition

  • QIntersection

我们将在这里展示这些过渡。

全部触发

slide-right

slide-left

slide-up

slide-down

fade

scale

rotate

flip-right

flip-left

flip-up

flip-down

jump-right

jump-left

jump-up

jump-down

将上表的过渡名称加到组件的属性中去，例如：

<q-menu
  transition-show="jump-down"
  transition-hide="jump-up"
/>