Skip to content

Commit 53ca8fd

Browse files
jitukejijitukeji
committed
v1.1.8
1 parent c60a58b commit 53ca8fd

File tree

138 files changed

+4931
-196
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

138 files changed

+4931
-196
lines changed

‎config.xml‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
3+
<widget id="A6981420008335" version="0.0.1">
4+
<name>AUI</name>
5+
<description/>
6+
<author email="343757327@qq.com" href="http://www.apicloud.com">流浪男</author>
7+
<content src="index.html"/>
8+
<preference name="pageBounce" value="false"/>
9+
<preference name="appBackground" value="rgba(0,0,0,0.0)"/>
10+
<preference name="windowBackground" value="rgba(0,0,0,0.0)"/>
11+
<preference name="frameBackgroundColor" value="rgba(0,0,0,0.0)"/>
12+
<preference name="hScrollBarEnabled" value="true"/>
13+
<preference name="vScrollBarEnabled" value="true"/>
14+
<preference name="autoLaunch" value="true"/>
15+
<preference name="fullScreen" value="false"/>
16+
<preference name="autoUpdate" value="true"/>
17+
<preference name="smartUpdate" value="true"/>
18+
<preference name="debug" value="false"/>
19+
<preference name="iOS7StatusBarAppearance" value="true"/>
20+
<preference name="statusBarAppearance" value="true"/>
21+
<preference name="softInputMode" value="resize"/>
22+
<permission name="readPhoneState"/>
23+
<access origin="*"/>
24+
</widget>

‎css/aui.css‎

Lines changed: 80 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/*
22
* =========================================================================
33
* APIClud - AUI UI 框架 流浪男 QQ：343757327 http://www.auicss.com
4-
* Verson 1.1.7
4+
* Verson 1.1.8
55
* =========================================================================
66
*/
77
/*初始化类*/
@@ -998,7 +998,7 @@ input[type="time"] {
998998
background-color: #eee;
999999
}
10001000
.aui-list-view-cell > a.aui-ellipsis-1,
1001-
.aui-list-view-cell > a.aui-ellipsis-2 {
1001+
.aui-list-view-cell > a.aui-ellipsis-2 {
10021002
padding-bottom: -4px;
10031003
padding-right: 30px;
10041004
}
@@ -1028,7 +1028,8 @@ input[type="time"] {
10281028
-webkit-transform: translateY(-50%);
10291029
transform: translateY(-50%);
10301030
}
1031-
.aui-list-view-cell > a.aui-arrow-right > .aui-badge {
1031+
.aui-list-view-cell > a.aui-arrow-right > .aui-badge,
1032+
.aui-list-view-cell > div.aui-arrow-right > .aui-badge {
10321033
position: absolute;
10331034
top: 50%;
10341035
right: 30px;
@@ -1460,7 +1461,7 @@ input[type="time"] {
14601461
z-index: 20;
14611462
font-size: 20px;
14621463
color: #ffffff;
1463-
font-size: 400;
1464+
font-weight: 400;
14641465
line-height: 45px;
14651466
}
14661467
.aui-bar .aui-pull-left {
@@ -1889,7 +1890,8 @@ input.aui-counter-input {
18891890
}
18901891
.aui-tab-nav.aui-tab-border {
18911892
background-color: transparent;
1892-
border: 1px solid #1abc9c;
1893+
border: 1px solid;
1894+
border-color: #1abc9c;
18931895
border-radius: 3px;
18941896
}
18951897
.aui-tab-nav.aui-tab-border li {
@@ -1899,7 +1901,7 @@ input.aui-counter-input {
18991901
color: #1abc9c;
19001902
background-color: #ffffff;
19011903
border-color: #1abc9c;
1902-
border-left: 1px solid #1abc9c;
1904+
border-left: 1px solid;
19031905
}
19041906
.aui-tab-nav.aui-tab-border li:first-child {
19051907
border-left: 0px;
@@ -1910,6 +1912,72 @@ input.aui-counter-input {
19101912
/*-webkit-animation: fadeIn .5s ease both;
19111913
animation: fadeIn .5s ease both;*/
19121914
}
1915+
.aui-tab-success .aui-tab-nav li.active {
1916+
color: #2ecc71;
1917+
border-bottom: 2px #2ecc71 solid;
1918+
}
1919+
.aui-tab-danger .aui-tab-nav li.active {
1920+
color: #e74c3c;
1921+
border-bottom: 2px #e74c3c solid;
1922+
}
1923+
.aui-tab-warning .aui-tab-nav li.active {
1924+
color: #f1c40f;
1925+
border-bottom: 2px #f1c40f solid;
1926+
}
1927+
.aui-tab-info .aui-tab-nav li.active {
1928+
color: #3498db;
1929+
border-bottom: 2px #3498db solid;
1930+
}
1931+
.aui-tab-dark .aui-tab-nav li.active {
1932+
color: #34495e;
1933+
border-bottom: 2px #34495e solid;
1934+
}
1935+
1936+
.aui-tab-success .aui-tab-nav.aui-tab-border,
1937+
.aui-tab-success .aui-tab-border li {
1938+
border-color: #2ecc71;
1939+
color: #2ecc71;
1940+
}
1941+
.aui-tab-success .aui-tab-border li.active {
1942+
background-color: #2ecc71;
1943+
color: #fff;
1944+
}
1945+
.aui-tab-info .aui-tab-nav.aui-tab-border,
1946+
.aui-tab-info .aui-tab-border li {
1947+
border-color: #3498db;
1948+
color: #3498db;
1949+
}
1950+
.aui-tab-info .aui-tab-border li.active {
1951+
background-color: #3498db;
1952+
color: #fff;
1953+
}
1954+
.aui-tab-danger .aui-tab-nav.aui-tab-border,
1955+
.aui-tab-danger .aui-tab-border li {
1956+
border-color: #e74c3c;
1957+
color: #e74c3c;
1958+
}
1959+
.aui-tab-danger .aui-tab-border li.active {
1960+
background-color: #e74c3c;
1961+
color: #fff;
1962+
}
1963+
.aui-tab-warning .aui-tab-nav.aui-tab-border,
1964+
.aui-tab-warning .aui-tab-border li {
1965+
border-color: #f1c40f;
1966+
color: #f1c40f;
1967+
}
1968+
.aui-tab-warning .aui-tab-border li.active {
1969+
background-color: #f1c40f;
1970+
color: #fff;
1971+
}
1972+
.aui-tab-dark .aui-tab-nav.aui-tab-border,
1973+
.aui-tab-dark .aui-tab-border li {
1974+
border-color: #34495e;
1975+
color: #34495e;
1976+
}
1977+
.aui-tab-dark .aui-tab-border li.active {
1978+
background-color: #34495e;
1979+
color: #fff;
1980+
}
19131981
/*
19141982
*进度条
19151983
*/
@@ -2253,13 +2321,16 @@ input.aui-counter-input {
22532321
}
22542322
.aui-searchbar-wrap.focus .aui-searchbar-input,
22552323
.aui-searchbar-wrap.focus .aui-searchbar-cancel,
2256-
.aui-searchbar-wrap.focus .aaui-icon-roundclosefill{
2324+
.aui-searchbar-wrap.focus .aui-icon-roundclosefill{
22572325
display: block;
22582326
}
22592327
.aui-searchbar-wrap.focus .aui-searchbar-text {
22602328
display: none;
22612329
}
2262-
2330+
.aui-searchbar-wrap .aui-icon-roundclosefill {
2331+
margin-right: 5px;
2332+
font-size: 20px;
2333+
}
22632334
/*信息提示条*/
22642335
.aui-tips {
22652336
width: 100%;
@@ -2356,7 +2427,7 @@ input.aui-counter-input {
23562427
left: 50%;
23572428
width: 7.5em;
23582429
min-height: 7.5em;
2359-
margin-left: -3.25em;
2430+
margin-left: -3.75em;
23602431
}
23612432
.aui-toast .aui-iconfont {
23622433
display: block;

‎html/demo.html‎

Lines changed: 51 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -7,106 +7,60 @@
77
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
88
</head>
99
<style type="text/css">
10-
/*下面开始简单的修改下样式*/
11-
body { background: #f4f4f4}
12-
.aui-grid-sixteen li .aui-iconfont {
10+
#demo {
1311
background: #ff9900;
14-
color: #fff;
15-
width: 38px;
16-
height: 38px;
17-
line-height: 38px;
18-
border-radius: 50%;
19-
font-size: 20px;
20-
}
21-
.aui-list-view {
22-
border: 1px solid #eee;
23-
border-radius: 3px;
24-
}
25-
.aui-list-view:before, .aui-list-view:after {
26-
height: 0;
27-
}
28-
/*自定义几个样式*/
29-
.image img {
30-
width: 100%;
31-
}
32-
p {
33-
font-size: 12px;
34-
margin-bottom: 5px;
35-
}
36-
.content {
37-
font-size: 12px;
12+
background: url('../image/l1.png') no-repeat;
13+
background-position: center;
14+
background-size: 100%;
15+
height: 200px;
3816
}
3917
</style>
4018
<body>
41-
<div class="aui-content-padded">
42-
<ul class="aui-grid-sixteen">
43-
<li class="aui-col-xs-3 aui-text-center">
44-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
45-
<p>测试栏目</p>
46-
</li>
47-
<li class="aui-col-xs-3 aui-text-center">
48-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
49-
<p>测试栏目</p>
50-
</li>
51-
<li class="aui-col-xs-3 aui-text-center">
52-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
53-
<p>测试栏目</p>
54-
</li>
55-
<li class="aui-col-xs-3 aui-text-center">
56-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
57-
<p>测试栏目</p>
58-
</li>
59-
<li class="aui-col-xs-3 aui-text-center">
60-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
61-
<p>测试栏目</p>
62-
</li>
63-
<li class="aui-col-xs-3 aui-text-center">
64-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
65-
<p>测试栏目</p>
66-
</li>
67-
<li class="aui-col-xs-3 aui-text-center">
68-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
69-
<p>测试栏目</p>
70-
</li>
71-
<li class="aui-col-xs-3 aui-text-center">
72-
<span class="aui-iconfont aui-icon-my aui-text-primary"></span>
73-
<p>测试栏目</p>
74-
</li>
75-
</ul>
76-
</div>
77-
<div class="aui-content-padded">
78-
<ul>
79-
<li class="aui-list-view">
80-
<div class="aui-col-xs-12 aui-padded-5">
81-
用AUI快速完成你的APP布局
82-
</div>
83-
<div class="aui-col-xs-12 image">
84-
<img src="../image/ad1.jpg">
85-
</div>
86-
<div class="aui-col-xs-12 aui-ellipsis-2 aui-padded-5 content">
87-
当使用AUI完成基本布局后我们可以通过简单的自定义样式来达到想要的效果
88-
</div>
89-
<p class="aui-padded-5">
90-
<span class="aui-pull-left">流浪男 2015/08/16 00:20</span>
91-
<span class="aui-pull-right">浏览：8888</span>
92-
</p>
93-
</li>
94-
<li class="aui-list-view">
95-
<div class="aui-col-xs-12 aui-padded-5">
96-
用AUI快速完成你的APP布局
97-
</div>
98-
<div class="aui-col-xs-12 image">
99-
<img src="../image/ad1.jpg">
100-
</div>
101-
<div class="aui-col-xs-12 aui-ellipsis-2 aui-padded-5 content">
102-
当使用AUI完成基本布局后我们可以通过简单的自定义样式来达到想要的效果
103-
</div>
104-
<p class="aui-padded-5">
105-
<span class="aui-pull-left">流浪男 2015/08/16 00:20</span>
106-
<span class="aui-pull-right">浏览：8888</span>
107-
</p>
108-
</li>
109-
</ul>
110-
</div>
19+
<div class="aui-content" id="demo"></div>
11120
</body>
21+
<script type="text/javascript" src="../script/api.js" ></script>
22+
<script type="text/javascript">
23+
apiready = function(){
24+
25+
}
26+
var i=1;
27+
var startX,
28+
startY,
29+
moveEndX,
30+
moveEndY;
31+
$api.addEvt($api.byId("demo"), 'touchstart', function(event){
32+
console.log(event);
33+
startX = event.touches[0].pageX,
34+
startY = event.touches[0].pageY;
35+
36+
});
37+
$api.addEvt($api.byId("demo"), 'touchmove', function(event){
38+
// console.log(event);
39+
40+
i++;
41+
console.log(event.touches[0].pageY);
42+
console.log(moveEndY);
43+
moveEndX = event.touches[0].pageX;
44+
moveEndY = event.touches[0].pageY;
45+
X = moveEndX - startX;
46+
Y = moveEndY - startY;
47+
// console.log(Y);
48+
if(Math.abs(Y) > Math.abs(X) && Y > 0){
49+
var demoH = $api.offset($api.byId("demo")).h;
50+
var _demoH = demoH+1;
51+
var bgSize = 100+i;
52+
$api.css($api.byId("demo"),"height:"+_demoH+"px;background-size:"+bgSize+"%;");
53+
if(_demoH>260){
54+
console.log("do something");
55+
}
56+
}else if(Math.abs(Y) > Math.abs(X) && Y < 0){
57+
i = 1;
58+
$api.css($api.byId("demo"),"height:200px;background-size:100%;");
59+
}
60+
});
61+
$api.addEvt($api.byId("demo"), 'touchend', function(event){
62+
i = 1;
63+
$api.css($api.byId("demo"),"height:200px;background-size:100%;");
64+
});
65+
</script>
11266
</html>

‎html/explain_frm.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
6+
<title>APP</title>
7+
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
8+
</head>
9+
<body>
10+
<div class="aui-content aui-content-padded">
11+
<p>当前版本：V 1.1.8</p>
12+
<p>1.新增两套案例模板</p>
13+
<p>2.修复带有右侧尖头的列表项对div标签的不兼容</p>
14+
<p>3.TAB增加多款主题色调</p>
15+
<p>4.优化完善搜索条</p>
16+
<p>5.修复css文件一处写法错误</p>
17+
</div>
18+
</body>
19+
<script type="text/javascript" src="../script/api.js" ></script>
20+
<script type="text/javascript">
21+
apiready = function(){
22+
23+
}
24+
25+
</script>
26+
</html>

0 commit comments

Comments
 (0)