Ant-design-vue: Modal transition bug

Created on 28 Nov 2020  ·  4Comments  ·  Source: vueComponent/ant-design-vue

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-rc.2

Environment

Vue 3

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  1. Open the modal by clicking on "modal" btn
  2. See that no transition (animation) appears

What is expected?

The animation (as in the docs) appeats

What is actually happening?

The animation is not working for the modal component when importing as import Modal from "ant-design-vue/lib/modal/style.css"

Most helpful comment

you can install babel-plugin-import, it will automatically import stylesheets
https://2x.antdv.com/docs/vue/introduce/#Use-modularized-antd

All 4 comments

样式没引入

样式没引入

import Modal from "ant-design-vue/lib/modal";
import "ant-design-vue/lib/modal/style/index.css";

Is that not enough?

you can install babel-plugin-import, it will automatically import stylesheets
https://2x.antdv.com/docs/vue/introduce/#Use-modularized-antd

@oleksii-shaposhnikov read carefully from start, U will find out 🧐

btw, can't u find that your modal has no style

image
image

Was this page helpful?
0 / 5 - 0 ratings