- 主题:有没有angular的瀑布流组件啊?
需要实现这几个功能:
1. 方块的状态有多种状态,每种状态需要方块改变形状尺寸。
2. 方块的尺寸支持响应式设计,在不同大小的页面上使用不同的尺寸。而且需要撑满整个网页宽度——使用百分比宽度。
3. 方块改变形状就重新布局。
有没有这样的组件求推荐!
--
FROM 110.87.111.*
直接写,用啥组件啊
【 在 hgoldfish 的大作中提到: 】
: 需要实现这几个功能:
:
: 1. 方块的状态有多种状态,每种状态需要方块改变形状尺寸。
: ...................
--来自微水木3.2.0
--
FROM 58.251.253.*
一般的瀑布流,分列以后,一个Card只会占一列,你这个看意思,一个card的宽高都要动态计算。
我自己用分列的方式实现过一个。
【 在 hgoldfish 的大作中提到: 】
: 需要实现这几个功能:
: 1. 方块的状态有多种状态,每种状态需要方块改变形状尺寸。
: 2. 方块的尺寸支持响应式设计,在不同大小的页面上使用不同的尺寸。而且需要撑满整个网页宽度——使用百分比宽度。
: ...................
--
修改:dhcn FROM 124.207.72.*
FROM 124.207.72.*
如果手动分列的话就不方便这么写了吧:
<waterfall>
<card data-ng-repeat='order in orders'>
</card>
</waterfall>
那就不得不写成:
<waterfall class='row'>
<card class='col-lg-3'>
.....
</card>
<card class='col-lg-3'>
...
</card>
</waterfall>
那里面就不好写了。
【 在 dhcn (Growth Coder) 的大作中提到: 】
: 一般的瀑布流,分列以后,一个Card只会占一列,你这个看意思,一个card的宽高都要动态计算。
: 我自己用分列的方式实现过一个。
--
FROM 110.87.111.*
比如分三列,然后后台取得21个数据然后取3的模分配给0、1、2列。
这种情况下,要防止某个列的高度过高,与其他列的高度差距过大。
【 在 hgoldfish 的大作中提到: 】
: 如果手动分列的话就不方便这么写了吧:
: <waterfall>
: <card data-ng-repeat='order in orders'>
: ...................
--
FROM 124.207.72.*
然而响应式设计,有时候又要分成两列。。
看来只好自己写了。
【 在 dhcn (Growth Coder) 的大作中提到: 】
: 比如分三列,然后后台取得21个数据然后取3的模分配给0、1、2列。
: 这种情况下,要防止某个列的高度过高,与其他列的高度差距过大。
--
FROM 110.87.111.*
你找那种动态计算的那种来吧,那种的位置和宽度是JS计算控制的。这类是有成熟组件的。
【 在 hgoldfish 的大作中提到: 】
: 然而响应式设计,有时候又要分成两列。。
: 看来只好自己写了。
:
--
修改:dhcn FROM 124.207.72.*
FROM 124.207.72.*