起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 777|回复: 3

[结贴] 关于格子布局

[复制链接]

75

主题

486

帖子

862

积分

高级会员

Rank: 4

积分
862
QQ
发表于 2016-3-22 20:42:57 | 显示全部楼层 |阅读模式
本帖最后由 470772345 于 2016-3-22 20:44 编辑


要如何实现这种布局,图片是动态获取的。
我用list布局 可以是宽度难以控制。 求指导思路
B9211890-8BA7-4789-BAA0-FDD98887336E.png
发表于 2016-3-23 10:02:25 | 显示全部楼层
参考 :UI2/system/components/justep/list/demo/list.w
第三个页面消息墙!
主要看设置class属性   row 和 col
其中col就是表示不同分辨率下所占行的比例!可以看下row组件的案例

/UI2/system/components/bootstrap/row/demo/grid.w

看看它的class 属性中的值都代表什么!然后设置在list 中的div上即可!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 0 反对 1

使用道具 举报

75

主题

486

帖子

862

积分

高级会员

Rank: 4

积分
862
QQ
 楼主| 发表于 2016-3-23 14:17:57 | 显示全部楼层
liangyongfei 发表于 2016-3-23 10:02
参考 :UI2/system/components/justep/list/demo/list.w
第三个页面消息墙!
主要看设置class属性   row 和 ...

我看了 它那些 放的 都是都是被12份 平分的 不是 3份 就是4份  6份 12份  这样8个的 。 平均不了`   大神有什么思路吗 这个8个图前 还有留白的
http://bbs.justep.com/thread-49855-1-1.html
回复 支持 反对

使用道具 举报

发表于 2016-3-23 15:47:25 | 显示全部楼层
470772345 发表于 2016-3-23 14:17
我看了 它那些 放的 都是都是被12份 平分的 不是 3份 就是4份  6份 12份  这样8个的 。 平均不了`    ...

是的 因为是自适应,所以需要能被12平分才行,目前只有这种思路!!
当然你也可以试试平台提供的 row组件!这个
UI2\system\components\justep\row\demo\base.w

里面的 class属性如果设置为自动的话!   x-row   x-col-fixed
设置width 属性百分百!应该就可以实现
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-7 23:45 , Processed in 0.115266 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表