一些 Quasar 组件可以通过 transition-show / transition-hide 或 transition-prev / transition-next 或 transition 属性实现过渡：

¥There are a few Quasar components that implement transitions through transition-show / transition-hide or transition-prev / transition-next or simply transition props:

• transition-show / transition-hide

  • QBtnDropdown

  • QInnerLoading

  • QTooltip

  • QMenu

  • QDialog

  • QSelect(通过 QMenu 和 QDialog)

    ¥QSelect (through QMenu and QDialog)

  • QPopupProxy(通过 QMenu 和 QDialog)

    ¥QPopupProxy (through QMenu and QDialog)

• transition-prev / transition-next

  • QCarousel

  • QTabPanels

  • QStepper

• transition

  • QIntersection

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

¥We’re going to showcase these transitions here.

Trigger All

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

使用上面标题中所示的过渡属性名称。示例：

¥Use the names indicated in the captions above for the transition props. Example:

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