search

kissyteam / kissy

A Powerful Collection Of Modules
http://docs.kissyui.com
2.7k stars 863 forks source link

建议 Waterfall 组件增加 align: "justify" 配置 #191

Closed getproj closed 12 years ago

getproj commented 12 years ago

现有的 Waterfall 组件的 align 属性只有 left, center, right 三个值，但是没有两端对齐的实现方法，所以建议新增 justify 这个值。谢谢！

yiminghe commented 12 years ago

我一直不懂 justify 是什么效果？ 编辑器啥的也是只有 left center right 三个值，

getproj commented 12 years ago

justify 就是两端对齐的意思。在 KISSY 的 Waterfall 中就是，container 容器与其中的 .ks-waterfall 元素之间没有间隙，即第一行的第一个 .ks-waterfall 的 left, top 都是 0，第一行的最后一个 .ks-waterfall 的 right, top 也都是 0。请教如何实现？谢谢！

getproj commented 12 years ago

用 CSS 举一个例子就是：

.container {
    width: 990px;
}

.item {
    float: left;
    width: 240px;
    height: 300px;
    background: #e00;
    margin-right: 10px;
}
<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item" style="margin-right:0;"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item" style="margin-right:0;"></div>
</div>
yiminghe commented 12 years ago

https://groups.google.com/group/kissy-ui/browse_thread/thread/ddebd4f79030c09d#

getproj commented 12 years ago

谢谢添加 justify 值，不过请问淘宝 CDN 上 1.3.0rc 版本有刚加的 justify 么？谢谢

yiminghe commented 12 years ago

没有，等待测试中

getproj commented 12 years ago

嗯，好的，谢谢你！

getproj commented 12 years ago

忘了把文件 waterfall.js 第 100 行 Enum: 'left','center','right'. 改成 Enum: 'left','center','right','justify'. 了哦。

yiminghe commented 12 years ago

已修正

getproj commented 12 years ago

谢谢:-) 看到 src 文件夹里面更新了，但是 build 的文件夹还是原来的。还有，请问您估计大约需要多少时间，添加了 align: justify 的 waterfall 组件可以在淘宝 CDN 上引用呢？谢谢您！

yiminghe commented 12 years ago

@getproj 已发布

getproj commented 12 years ago

@yiminghe 万分感谢，终于可以在实际项目中使用了^_^

yiminghe commented 12 years ago

@getproj 使用 cdn 1.3 请加下群：198485246 ， bug 覆盖需要通知

getproj commented 12 years ago

@yiminghe 嗯，好的，谢谢！