Giter Site home page Giter Site logo

aui's Issues

轮播图手势滑动,会触发下拉刷新事件

当使用下拉刷新时,内容界面存在轮播图,当滑动轮播图时会触发下拉事件,需要在手势滑动轮播图时清除事件冒泡。event.stopPropagation();

如下所示:
auiSlide.prototype.touchStart = function(event) {
event.stopPropagation();
touchStartTime = new Date() * 1;
firstTouchX = parseInt(event.changedTouches[0].pageX);
firstTouchY = parseInt(event.changedTouches[0].pageY);
isScrolling = undefined;
};

aui-collapse 在安卓4.2上面无法使用

我在 海马玩模拟器上 使用aui-collapse 文件 遇到一个问题
qq

程序执行到nextElementSibling 的时候为undefined
接下来,基于nextElementSibling元素的操作报错 程序无法继续执行了

虽然通过修改源代码的方式能继续执行了,不过还望流浪男大大,修复一下

建议开源一个编译版的 AUI

建议用 Sass 或 LESS 写一个编译版的 AUI,开源出来。
像现在这样直接提供完整的 CSS 样式文件,不太利于自定义样式定义和开发啊。例如需要全体更换颜色、修改标题大小等等……

建议参考 Bootstrap 或者 Semantic UI 源码。

关于1rem=20px

很好奇你们为什么是设置1rem=20px,这样不觉得计算很麻烦吗?1rem=10px,几乎已为成为行业默认的标准了,你这样做的优点是什么?

样例打开怎么看不到效果呀。

就只看到上面蓝色的部分,
点那个问号有报错
Uncaught ReferenceError: api is not defined
at openClub (index.html:49)
at HTMLAnchorElement.onclick (index.html:17)

容器组件的间距问题

可否向 airebnb 的方法一样将margin拿出来作为单独的css class操作?aui现在用的一律下补白的方式,容器和容器之间都一样宽,不太好体现分组效果。

关于下拉刷新组件aui-pull-refresh.js的问题

和tab组件公用情况下,切换tab再下拉刷新就报下面的错误了
document.querySelector(".aui-refresh-pull-arrow").style.webkitTransitionDuration =
Uncaught TypeError: Cannot read property 'style' of null

边线BUG

AUI边线用一种有趣的方法实现了细线,但是却出了一个BUG。
在写编写的时候,开发人员对下边线写法完全正确,但是在写上边线的时候翻了一个许多人都会出的错误。

.aui-border-t {
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
}

这里的90deg应该改成270deg,同理,所有background-position: top;的边线(也就是上边线都要改),否则,边线会出现在距离顶部1px的地方,尴尬至极。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.