clouddeepteam / amazeui Goto Github PK

手机端访问daohang.map.baidu.com能够进行导航，amazeUI能否提供一套简单的设置（比如时候终点的地名 ），就能够直接跳转至这样的界面？

this.original = {
      offsetTop: this.$element.offset().top,
      width: this.$element.width()
 };

这样初始化就计算了offsetTop，后面动态给固定元素前的内容添加内容，会导致滚动固定不准确。

使用了完整版的组件的列表

push 效果时，scrollTop 为0 时，弹出后有白色间隙

我发现了个问题,在手机上类似
.am-icon-caret-down:before {
content: "\f0d7";
}
的CSS不起作用,导致了am-icon-bars的三横, .am-icon-caret-down的下三角图标不显示(不晓得是不是这个原因哈)
我是直接用在http://amazeui.org/getting-started 下载的妹子UI里的示例, 用coolpad8702 4G android4.3 欧鹏/自带的浏览器实验的
后来我用其它手机测试,居然没问题,这是手机的兼容性问题

Android 版微信内置浏览器不支持合并后的语法 background: url(/i/landing/logo.png) left center/125px 24px no-repeat;，导致背景图不显示。

压缩 CSS 时不合并 background 以避免该问题。

元素靠右时下拉内容有可能被遮盖，需要增加位置判断

CSS

• 基本样式
• 样式统一Normalize
• 基础设置Base
• 文字排版Typography
• 打印样式Print
• 网格Grid
• 等分区块Block Grid
• 辅助类Utility
• 按钮Button
• 代码Code
• 表单Form
• 图片Image
• 表格Table
• 小徽章Badge
• 面包屑导航Breadcrumb
• 按钮组Button-group
• 关闭按钮Close
• 评论列表Comment
• 图标Icon
• 输入框组Input-group
• 列表List
• 导航Nav
• 导航条Topbar
• 分页Pagination
• 面板Panel
• 进度条Progress
• 缩略图Thumbnail
• CSS 动画Animation
• 文章页Article

JS 插件

• Alert
• Button
• Collapse
• Dropdown #77 #78
• Modal
• Popover
• Progress
• Slider
• OffCanvas
• ScrollSpy
• ScrollSpyNav
• Smooth Scroll #35
• Sticky #55
• Tabs
• Cookie
• FastClick
• FullScreen

Web 组件

官方组件

• 折叠面板Accordion
• 分割线Divider
• 单张图片Figure
• 页脚Footer
• 图片画廊Gallery
• 回顶部Gotop #6
• 页头Header
• 简介Intro
• 内容列表List
• 菜单Menu
• 工具栏Navbar
• 分页Pagination
• 段落Paragraph
• 图片轮播Slider
• 选项卡Tabs
• 标题栏Titlebar

第三方组件

• 多说Duoshuo
• 百度地图Map
• 美洽客服Mechat
• 搜狐畅言Changyan

select 的样式无法用 CSS 完成，需要写一个插件来模拟 select 的交互效果。

https://github.com/silviomoreto/bootstrap-select
https://github.com/ivaynberg/select2

rc1 发布时按照重新整理的代码规范编码

• HTML/CSS/LESS
• JavaScript

2.1 发布以后考虑与 Anuglar.js、Ember.js、React 等框架整合，主要考虑 Web 组件在这些框架中的使用（重新封装模板），建立整体的交互体验。

• http://emberjs.com/
• http://indexiatech.github.io/ember-forms/#/overview
• http://emberjs.com/guides/components/
• http://foundation.zurb.com/apps/

与 Bootstrap 等其他框做更彻底架隔离

移动端的 弹出左侧菜单后，点击了居然不能自动隐藏，这让不好做SPA了

wrapbootstrap 不用说了，就算copy也行啊。

via @debug2012

米2 ， chrome浏览器打开速度还能接受，但是微信浏览器菜单弹出延时至少2S。希望可以及时优化。

router.get('/:component', function(req, res) {
var component = req.params.component;
res.redirect('/#' + component);
});
geg时怎么引入component变量的？不是express的router.get("index",function(req,res))吗！怎么可以换成变量
还有就是res.redirect重定向的地址怎么是#xxxx，其他js中也没看到对相应请求的get啊

via @debug2012

刚刚把导航右侧tigger事件的按钮调大一些，发现菜单弹出的速度提高了，可能之前的button太小，不容易触摸到。

目前点击非图片区域时才可以关闭图片，在图片比例和视口比例对应时没有空白区域可点击，两个思路：

• 增加额外的关闭按钮
• 直接点击图片也能关闭（需要判断用户是进行 Pinch 操作还是 Tap 操作）

via [email protected]

图片轮播点一次之后就不能再自动播放了，应该设定鼠标一定时间没操作，在自动轮播，望改进。

chrome: open 时在顶部，close 后也在顶部。
firefox: open 时在顶部，close 后回到原先位置。

.am-margin-top-lg 这个样式应该只有margin-top才对，Firebug查看实际却是同时有margin-top:2.4rem和padding-top:2.4rem；

1. .am-padding-top-lg 这个样式不存在；
2. 请检查.am-margin和.am-padding是否与文档里说明的一致！

点击以后无法回到顶部。

除了考虑可访性问题，还应该考虑：

• IE8 支持；
• 需要精确到像素级别的场景：比如左右两个元素垂直对齐，使用 em/rem 有的浏览器计算出来会有细微的差异

错误DEMO: 【复制下面的段落并且chrome切换到移动设备模拟，滑动主体试试】
★ 请打开下面网址复制和查看源码
http://jsfiddle.net/xpbox8oo/

当你给 am-tab-panel容器内加入任何标签之后， 选项卡切换就出现故障，【注意，我给切换卡主体全的文本全部包了个h1,你也可以多放点其他标签进来】

但如果你直接给 am-tab-panel容器内加入文本节点，那么移动端可以通过 文本节点的触控范围来切换选项卡

BUG:
1.只能在am-tab-panel里面插入文本节点，不能插入任何标签,，否则选项卡故障!

留言：
这么致命的问题请开发人员速速排查解决！ 拖了我的进度啦TAT..不过很感谢你们的贡献！让我们能够使用到这么好的产品

阴影、边框等细节调整，更加扁平化。

在wordpress我将一个分类取出来，单独用amazeui来写了一个页面来显示，然后放主机上。
早上被告之站点占用资源过多关闭了，然后我将amazeui这个文件夹删了之后，网站才可以，不知是什么原因？

我是直接用demo里面的页面来的，会不会是因为里面的一些链接的问题？比如js,css文件。。。

via @windyang

在微信内置浏览器内TAB宽度不对，都挤到右边了
安卓版本4.12，内核版本3.4.5

缺乏相关设备，无法做进一步确认。

自己在内容里写了个iframe。但是高度宽度始终不对，不知道能否设置弹出层的高端，在弹出之前就指定，这样弹出来的是垂直居中，水平居中的。

确认一下，我执行gulp后的结果一直停在下面，是就这样吗？

[11:22:33] Finished 'widgetsFile' after 24 ms
[11:22:33] Starting 'copyWidgetJs'...
[11:22:33] Start copy UI js files to build dir....
[11:22:33] Starting 'buildLess'...
[11:22:33] Finished 'buildLess' after 5.87 ms
[11:22:33] Starting 'hbsHelper'...
[11:22:33] Finished 'hbsHelper' after 4.91 ms
[11:22:33] Starting 'watch'...


[11:22:33] Finished 'watch' after 192 ms
[11:22:34] Finished 'copyWidgetJs' after 1.08 s
[11:22:34] Starting 'copyUIJs'...
[11:22:34] Finished 'copyUIJs' after 26 ms
[11:22:34] Starting 'transport'...
[11:22:34] Finished 'transport' after 777 ms
[11:22:34] Starting 'concat'...
[11:22:36] Finished 'concat' after 1.66 s


[11:22:36] Starting 'clean'...
[11:22:36] Finished build js, cleaning...
[11:22:36] Finished 'clean' after 2.71 ms
[11:22:36] Starting 'buildJs'...
[11:22:36] Finished 'buildJs' after 8.56 μs
[11:22:36] Starting 'default'...
[11:22:36] Finished 'default' after 9.19 μs

另外，gulp中主要做的是为了生成dist目录里的东西吧，有几个编译后会变的文件是该放入.gitignore吗

    modified:   dist/assets/js/amui.js
    modified:   dist/assets/js/amui.min.js
    modified:   less/amui.all.less

现在点击窗口以外的区域会关闭窗口，有的用户可能不希望这样。

需要判断页面有无滚动条，有滚动条的时打开窗口给 body 加一个 padding 值（滚动条的宽度）

使用场景：触发元素前面的兄弟元素有动态修改 height 弹出层位置出现偏移

当固定元素的高度加上底部边距的高度大于窗口高度时，固定元素的顶部被移除到视口之外

减少 z-index 乱入，所有组件中 z-index 统计目录：

一页中多个gallery，后面的会出现点击无法显示的问题，而且前面的gallery点击即使能显示，底下的圆点个数也不对哦。

样例：http://v3.bootcss.com/components/#alerts

谢谢！

无法正常显示

am-input-lg，am-input-sm和默认的样式

压缩后css+js一起，也要有400kb以上，太大了，是bootstrap的2倍多。

希望能够想办法尽量瘦身，个人感觉在300kb左右，可以接受。

还要说下，这个框架真得不错！呵呵

在ajax中 ，当点击按钮时 Modal.('open') ajax完成的是 执行 Modal.('close')会失效， 不过也不是每次都这样， 有时候又正常 奇怪中

BS一直有class="img-responsive"，如今试了下class="img-responsive" 和class="am-img-responsive"都不行？

下一版本中进行。

文档加了目录以后，如果目录的链接添加了平滑滚动，点击目录链接后，回到顶部按钮会失效。

原因可能为动画判断有误导致样式设置出错

最近看了禅道的前端框架 zui发现其中有一个很好的特性希望能够被支持
http://zui.sexy/docs/javascript.html#store

本地存储的支持， 之所以这样说是因为我的项目中有一些影音文件和js文件比较大，客户每次访问都需要下载，不知道能不能够实现这个存储东西来指定存数对象 第二次之后的访问可以直接调取存数的对象