Giter VIP home page Giter VIP logo

wc-flow-layout's People

Contributors

huodoushigemi avatar rubinhuang9239 avatar zyyv avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

wc-flow-layout's Issues

是否可以支持ssr

nuxt3引入需要额外配置吗?document以及HTMLElement在SSR阶段没有, 但是我看案例中又支持

确实挺不错的,但能不能再加多个要求

瀑布流的底部太丑了,不平整,能不能添加超过底部长度的卡片,然后用一个大盒子盖住最底层有数据的卡片的最底部,然后做一个虚化效果。就是有种镜面感觉,好像有很多没加载完一样的感觉

"wc-waterfall" has already been used with this registry

感谢库主提供该库。

通过NPM使用在react项目中时偶现component重复定义

Failed to execute 'define' on 'CustomElementRegistry': the name "wc-waterfall" has already been used with this registry

https://github.com/huodoushigemi/wc-flow-layout/blob/c8fb3d3ab8038d4ad1a8e1d18b3c434fea1a9923/src/index.ts#L6C39-L6C55
建议改为

if (!customElements.get('wc-waterfall')) { customElements.define('wc-waterfall', WaterfallElement); }

需要的话可提PR。

我出现了一个新的问题,不知道应该如何解决

我用瀑布流去实现装着卡片,但是我的卡片是响应式的,我鼠标移入,卡片会伸长,漏出desc的info信息
这时候问题来了,因为长度变化,下级卡片的瀑布流就会自动把另一个卡片替换到下级。我希望已经渲染出来的卡片不会因为高度再发生计算变化,仅仅只是根据@media来发生变化。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.