liulangnan / aui Goto Github PK

View Code? Open in Web Editor NEW

976.0 94.0 327.0 13.14 MB

移动端UI快速布局解决方案，一个靠谱的高性能移动前端框架

Home Page: http://www.auicss.com

License: MIT License

CSS 26.17% HTML 57.45% JavaScript 16.38%

aui's Introduction

AUI

AUI是为APICloud而打造的一个单纯UI框架，体积小，方便用户扩展和自由组合，摆脱繁琐的html标签布局。

AUI为一款轻量级前端UI框架，更偏重于CSS布局及样式的构造，通俗易懂的写法及模块式的拼装方便用户自由扩展。轻小的体积、灵活的扩展性，大大提高移动端项目的体验度和开发效率。

AUI v 2.0

AUI 2.0版本是整个版本更新中的一个里程碑，结合实际项目出发，站在开发者和项目的角度，重新定义AUI框架。在2.0中使用了大量弹性响应式布局，采用容器+布局结构+控件的嵌套形式，方便开发者快速布局样式。2.0遵循Google Material设计规范，使用MIT协议开源。

在2.0中，全局使用rem控制尺寸，完美适应不同分辨率移动设备；新加入的主题样式表方便开发者自定义基础颜色样式，完成APP主题的定制。

说明

该包为AUI演示app源码，在APICloud中新建一个项目将代码覆盖，调试即可。

#文档详细使用教程请参考官方文档 www.auicss.com

#License AUI遵循MIT License;

#开发工具 APICloud 云端一体重新定义移动应用开发;一站式高效APP开发和管理平台,使用标准WEB技术开发跨平台APP；覆盖APP全生命周期，包括开发、API集成、测试、渠道打包、运营管理等。www.apicloud.com

#作者流浪男 QQ:343757327

aui's People

Contributors

Stargazers

Watchers

Forkers

chinayin cloudswave williamren bringmehome wyerp codekgithub zjzcn hexl21 dream-seeker itplanes kvsl9 wangyao11 cctvlive kxws888 zhangzc zackaryxzhang diycp dlpc ouyang789987 csliangdu touchx ezhangle lyg945 userfu 10628913 yuezhongmian delicate90 jerryleeisme candlelove songchaozai fatfox21 skykill2014 yf393136248 braintimes cyzn cabelchen vidding emaiqi zhendeguoke1008 qq642672661 windwang joe-sky kayshi shliujing 13261529422 ruihuawang gail9527 kookey robinfan timy-life gd-1 waifei s501936242 guoxp jzxyouok garylgh geekcheng resfront qrl909109 alenwon haotian2546 zhuzhao ssiagu renchao0723 jackwangcumt ifzz zhweta0015 cuihuale erdongjun hbyufan vitojc lucksuper zhenhuamcu fg2q1q3q master-fa codelove1314 zleicx boldly xyzget penzi hzwjava ihellodays bzliukai nilbounds xich8896 changeleon xmdsbhf rinetd youdelu type-of-tool sun314cn longniao cucygh akustolin lingtal-fork roy-lincc jingtingzhiwu hong007 windli4367 trtrtr6

aui's Issues

http://www.auicss.com/网站无法访问？？？？？？？？？？？？

1rem=20px 换算起来比较麻烦，提个小建议，可以不可以改成1rem=100px，这样就不用算了

提个小建议，可以不可以改成1rem=100px，这样就不用算了

作者不更新了吗，这么好的项目

作者不更新了吗，这么好的项目，个人感觉是目前用着最简洁顺手的前端框架，比mui之类的好多了

关于1rem=20px

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

Dialog 弹窗点确定和取消都默认会关闭弹窗，怎么才能实现自定义是否关闭弹窗？

aui-dialog.js内的源码默认都会关闭弹窗。
解决方法：
1.修改aui-dialog.js内源码。将create方法内的self.close();代码注释掉。大概在第57行。

**2.在外部调用弹窗的回调内，手动关闭弹窗。
  例如：**

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

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

这是什么情况？

aui-scroll.js, listren => listen

aui-scroll.js的18行, 初始参数有误, listren => listen

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

当使用下拉刷新时，内容界面存在轮播图，当滑动轮播图时会触发下拉事件，需要在手势滑动轮播图时清除事件冒泡。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;
};

index.php

index.html

边线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的地方，尴尬至极。

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