求教：WeX5图片按照九宫格显示的解决方法

ht8844

WeX5初学者。

想做一个类似微信的应用，朋友圈发布的消息，图片采用九宫格方式显示。

请问：这种可变DIV方式的页面布局应该怎么解决？

先谢谢了。

liangyongfei

参考消息墙的实现：
UI2/system/components/justep/list/demo/list.w

ht8844

版主，感谢快速回复。

消息墙我看了，是list，跟九宫格的图片显示不太一样。

list相当于一个Column定义，然后根据数据量显示多个ROW。

微信方式的9宫格是：
如果一张图片，就显示一张；
两/三张的情况，并列两/三张；
4个图片就显示成2X2；
5或6个图片是第一行3张，第二行2或3张；
7个或以上就显示3行的图片。

就是说，不仅仅Row在改变，Column也是在变化的。有时候一个，有时候是2个，有时候是3个column。

继续求教。

liangyongfei

ht8844 发表于 2016-1-27 18:18
版主，感谢快速回复。

消息墙我看了，是list，跟九宫格的图片显示不太一样。

结合参考：/UI2/portal/sample/main/main.w
如果你的九宫格是静态的，就直接使用上边的案例！
如果是动态的，就结合消息墙的list 设置list节点下的那个class属性（案例中是：col-xs-6 col-sm-4）
表示的是bootstrap 的col 样式，不同分辨率下，每一列相加满12就显示一行，剩下的换行显示！

就是这两行案例的class属性，你相互参考下，应该就知道怎么回事了！

ht8844

liangyongfei 发表于 2016-1-28 09:08
结合参考：/UI2/portal/sample/main/main.w
如果你的九宫格是静态的，就直接使用上边的案例！
如果是动态 ...

bootstrap的方式有一条没法满足要求，四个图片的时候只能显示成3+1的方式，不是2+2。
暂时就采用这种方式吧。

谢谢了。结贴吧。

ht8844

专门给论坛点赞。你们太牛了。我看好WeX5。