Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: 图片列表宽度小于容器时没有折行的bug #106

Merged
merged 3 commits into from
Nov 6, 2019

Conversation

donaldshen
Copy link
Contributor

Why

原来的flex布局没有flex-wrap: wrap;的设置

How

  1. 添加eslint(参考create-nuxt-app)
  2. draggable-list组件增加flex-wrap: wrap;
  3. draggable-list组件增加footer插槽,并将upload-area模块放入其中。这样upload-area就和其他list-item处于同一flex父容器下
  4. 优化upload-areadrag&drop样式。现在只有拖动本地文件到其上时才会有样式效果;拖动dom到其上时则不会有样式效果

Test

Before

image
image

After

image
image
image

@auto-add-label auto-add-label bot added the bug Something isn't working label Nov 4, 2019
@netlify
Copy link

netlify bot commented Nov 4, 2019

Deploy preview for upload-to-ali ready!

Built with commit ee93118

https://deploy-preview-106--upload-to-ali.netlify.com

@levy9527 levy9527 merged commit 16dbd9d into FEMessage:dev Nov 6, 2019
@donaldshen donaldshen deleted the fix/wrap branch November 6, 2019 06:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants