Skip to content

Commit ebd53f4

Browse files
jitukejijitukeji
committed
v1.1.6
1 parent 29a2b35 commit ebd53f4

17 files changed

+647
-64
lines changed

‎css/aui.css‎

Lines changed: 201 additions & 42 deletions
Large diffs are not rendered by default.

‎html/ad_frm.html‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
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+
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
7+
<style type="text/css">
8+
.ad {
9+
width: 100%;
10+
height: 100%;
11+
position: relative;
12+
}
13+
.ad img {
14+
width: 100%;
15+
height: 100%;
16+
display: inherit;
17+
}
18+
.time {
19+
position: absolute;
20+
top: 30px;
21+
right: 15px;
22+
padding: 5px 10px;
23+
background-color: rgba(0,0,0,0.6);
24+
color: #ffffff;
25+
font-size: 14px;
26+
border-radius: 30px;
27+
}
28+
</style>
29+
</head>
30+
<body>
31+
<div class="ad" tapmode onclick="openAd()">
32+
<img src="../image/ad-apicloud-20150106.jpg" />
33+
<div class="time">倒计时：<strong id="time">5</strong></div>
34+
</div>
35+
</body>
36+
<script type="text/javascript" src="../script/api.js" ></script>
37+
<script type="text/javascript">
38+
var times = 5;
39+
apiready = function(){
40+
api.parseTapmode();
41+
if(times>=0){
42+
setInterval("CountDown()",1000);
43+
}
44+
45+
}
46+
function CountDown(){
47+
if (times < 1) {
48+
api.closeWin({
49+
name: 'ad_win',
50+
animation:{
51+
type:"fade"
52+
}
53+
});
54+
}
55+
var getVerify = $api.byId('time');
56+
$api.html(getVerify,''+times+'');
57+
times--;
58+
}
59+
function openAd(){
60+
times = 0;
61+
var delay = 0;
62+
if(api.systemType != 'ios'){
63+
delay = 300;
64+
}
65+
api.openWin({
66+
name: 'ad_url_win',
67+
url: 'ad_url_win.html',
68+
bounces:false,
69+
delay: delay
70+
});
71+
}
72+
</script>
73+
</html>

‎html/ad_url_win.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
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>广告</title>
7+
<link rel="stylesheet" type="text/css" href="../css/aui-win.css" />
8+
</head>
9+
<body>
10+
<header class="aui-bar aui-bar-nav aui-bar-warning" id="aui-header">
11+
<a class="aui-btn aui-btn-warning aui-pull-left" tapmode onclick="closeWin()">
12+
<span class="aui-iconfont aui-icon-left"></span>
13+
</a>
14+
<div class="aui-title">广告</div>
15+
<a class="aui-iconfont aui-icon-menu aui-pull-right"></a>
16+
</header>
17+
</body>
18+
<script type="text/javascript" src="../script/api.js"></script>
19+
<script type="text/javascript">
20+
function closeWin(){
21+
api.closeWin();
22+
}
23+
apiready = function(){
24+
api.parseTapmode();
25+
var header = $api.byId('aui-header');
26+
$api.fixStatusBar(header);
27+
var headerPos = $api.offset(header);
28+
var body_h = $api.offset($api.dom('body')).h;
29+
api.openFrame({
30+
name: 'ad_url_frm',
31+
url: 'http://www.apicloud.com',
32+
rect: {
33+
x: 0,
34+
y: headerPos.h,
35+
w: headerPos.w,
36+
h: 'auto'
37+
}
38+
})
39+
};
40+
</script>
41+
</html>

‎html/ad_win.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
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+
</head>
7+
<body>
8+
</body>
9+
<script type="text/javascript" src="../script/api.js"></script>
10+
<script type="text/javascript">
11+
function closeWin(){
12+
api.closeWin();
13+
}
14+
apiready = function(){
15+
api.parseTapmode();
16+
var body_h = $api.offset($api.dom('body')).h;
17+
api.openFrame({
18+
name: 'ad_frm',
19+
url: 'ad_frm.html',
20+
bounces: false,
21+
vScrollBarEnabled:false,
22+
hScrollBarEnabled:false,
23+
showProgress:true,
24+
rect: {
25+
x: 0,
26+
y: 0,
27+
w: 'auto',
28+
h: 'auto'
29+
}
30+
});
31+
};
32+
</script>
33+
</html>

‎html/contact_book_frm.html‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,40 @@
4545
</li>
4646
</ul>
4747
</div>
48+
<p class="aui-padded-10">.aui-user-view同级加入.aui-in可实现下划线缩进</p>
49+
<div class="aui-content">
50+
51+
<ul class="aui-user-view aui-in">
52+
<li class="aui-user-view-cell aui-img">
53+
<img class="aui-img-object aui-pull-left" src="../image/demo4.png">
54+
<div class="aui-img-body">
55+
<span>流浪男<em>11.1KM</em></span>
56+
<p class='aui-ellipsis-1'>北京轻元素网络科技</p>
57+
</div>
58+
</li>
59+
<li class="aui-user-view-cell aui-img">
60+
<img class="aui-img-object aui-pull-left" src="../image/demo1.png">
61+
<div class="aui-img-body">
62+
<span>张三<em>11.1KM</em></span>
63+
<p class='aui-ellipsis-1'>北京轻元素网络科技</p>
64+
</div>
65+
</li>
66+
<li class="aui-user-view-cell aui-img">
67+
<img class="aui-img-object aui-pull-left" src="../image/demo2.png">
68+
<div class="aui-img-body">
69+
<span>张三叫李四<em>11.1KM</em></span>
70+
<p class='aui-ellipsis-1'>北京轻元素网络科技</p>
71+
</div>
72+
</li>
73+
<li class="aui-user-view-cell aui-img">
74+
<img class="aui-img-object aui-pull-left" src="../image/demo3.png">
75+
<div class="aui-img-body aui-arrow-right">
76+
<span>李四叫王五</span>
77+
<p class='aui-ellipsis-1'>北京轻元素网络科技</p>
78+
</div>
79+
</li>
80+
</ul>
81+
</div>
4882
</body>
4983
<script type="text/javascript" src="../script/api.js" ></script>
5084
<script type="text/javascript">

‎html/list_frm.html‎

Lines changed: 36 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,21 +10,52 @@
1010
<p class="aui-text-center">.aui-content 普通列表</p>
1111
<div class="aui-content">
1212
<ul class="aui-list-view">
13-
<li class="aui-list-view-cell" data-win="list_arrow">
13+
<li class="aui-list-view-cell">
1414
单行列表标题效果
1515
</li>
16-
<li class="aui-list-view-cell" data-win="list_thumb">
16+
<li class="aui-list-view-cell">
1717
单行列表标题效果
1818
</li>
19-
<li class="aui-list-view-cell" data-win="list-image">
19+
<li class="aui-list-view-cell">
2020
单行列表标题效果
2121
</li>
22-
<li class="aui-list-view-cell" data-win="list-image">
22+
<li class="aui-list-view-cell">
2323
单行列表标题效果
2424
</li>
25-
<li class="aui-list-view-cell" data-win="list-image">
25+
<li class="aui-list-view-cell">
26+
单行列表标题效果
27+
</li>
28+
</ul>
29+
</div>
30+
<p class="aui-text-center">新增 下划线缩进 15px .aui-in</p>
31+
<div class="aui-content">
32+
<ul class="aui-list-view aui-in">
33+
<li class="aui-list-view-cell">
2634
单行列表标题效果
2735
</li>
36+
<li class="aui-list-view-cell">
37+
单行列表标题效果
38+
</li>
39+
</ul>
40+
</div>
41+
<p class="aui-text-center">新增 i.aui-iconfont</p>
42+
<div class="aui-content">
43+
<ul class="aui-list-view aui-in">
44+
<li class="aui-list-view-cell">
45+
<i class="aui-iconfont aui-icon-edit aui-bg-info"></i>单行列表标题效果
46+
</li>
47+
<li class="aui-list-view-cell">
48+
<i class="aui-iconfont aui-icon-emoji aui-bg-success"></i>单行列表标题效果
49+
</li>
50+
<li class="aui-list-view-cell">
51+
<i class="aui-iconfont aui-icon-favor aui-bg-danger"></i>单行列表标题效果
52+
</li>
53+
<li class="aui-list-view-cell">
54+
<i class="aui-iconfont aui-icon-like aui-bg-warning"></i>单行列表标题效果
55+
</li>
56+
<li class="aui-list-view-cell">
57+
<i class="aui-iconfont aui-icon-shop aui-bg-success"></i>单行列表标题效果
58+
</li>
2859
</ul>
2960
</div>
3061
<p class="aui-text-center">一条数据列表效果</p>
@@ -79,6 +110,4 @@
79110
</div>
80111
</body>
81112
<script type="text/javascript" src="../script/api.js" ></script>
82-
<script type="text/javascript">
83-
</script>
84113
</html>

‎html/list_thumb_frm.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<img class="aui-img-object aui-pull-left" src="../image/demo2.png">
1818
<div class="aui-img-body">
1919
图文列表
20-
<p class='aui-ellipsis-2'>图文列表缩略图在左边的样式，默认大小为80PX，文字介绍内容可以为一行也可以为两行，超出部分自动省略</p>
20+
<p>图文列表缩略图在左边的样式，默认大小为80PX，文字介绍内容可以为一行也可以为两行，超出部分自动省略</p>
2121
</div>
2222
</li>
2323
<li class="aui-list-view-cell aui-img">

‎html/main.html‎

Lines changed: 32 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -15,24 +15,32 @@
1515
<body>
1616
<div class="aui-content">
1717
<ul class="aui-list-view">
18+
<li class="aui-list-view-cell" tapmode onclick="openWin('tips')">
19+
<a class="aui-arrow-right">信息提示条<span class="aui-badge aui-badge-danger">新增</span></a>
20+
</li>
21+
<li class="aui-list-view-cell" tapmode onclick="openWin('searchbar')">
22+
<a class="aui-arrow-right">搜索条<span class="aui-badge aui-badge-danger">新增</span></a>
23+
</li>
1824
<li class="aui-list-view-cell" tapmode onclick="openWin('range')">
19-
<a class="aui-arrow-right">滑块<span class="aui-badge aui-badge-danger">新增</span></a>
25+
<a class="aui-arrow-right">滑块</a>
2026
</li>
2127
<li class="aui-list-view-cell" tapmode onclick="openWin('timeline')">
22-
<a class="aui-arrow-right">时间轴<span class="aui-badge aui-badge-danger">新增</span></a>
28+
<a class="aui-arrow-right">时间轴</a>
2329
</li>
2430
<li class="aui-list-view-cell" tapmode onclick="openWin('progress')">
25-
<a class="aui-arrow-right">进度条<span class="aui-badge aui-badge-danger">新增</span></a>
31+
<a class="aui-arrow-right">进度条</a>
2632
</li>
2733
<li class="aui-list-view-cell" tapmode onclick="openWin('alert')">
28-
<a class="aui-arrow-right">自定义弹出层<span class="aui-badge aui-badge-warning">优化</span></a>
34+
<a class="aui-arrow-right">自定义弹出层</a>
35+
</li>
36+
<li class="aui-list-view-cell" tapmode onclick="openWin('waterfall')">
37+
<a class="aui-arrow-right">瀑布流<span class="aui-badge aui-badge-warning">优化</span></a>
2938
</li>
30-
3139
<li class="aui-list-view-cell" tapmode onclick="openWin('button')">
3240
<a class="aui-arrow-right">按钮</a>
3341
</li>
3442
<li class="aui-list-view-cell" tapmode onclick="openWin('form')">
35-
<a class="aui-arrow-right">表单<span class="aui-badge aui-badge-danger">新增滑块</span></a>
43+
<a class="aui-arrow-right">表单</a>
3644
</li>
3745
<li class="aui-list-view-cell" tapmode onclick="openWin('switch')">
3846
<a class="aui-arrow-right">switch开关</a>
@@ -44,7 +52,7 @@
4452
<a class="aui-arrow-right">radio选择</a>
4553
</li>
4654
<li class="aui-list-view-cell" tapmode onclick="openWin('list')">
47-
<a class="aui-arrow-right">普通列表</a>
55+
<a class="aui-arrow-right">普通列表<span class="aui-badge aui-badge-warning">优化/新增</span></a>
4856
</li>
4957
<li class="aui-list-view-cell" tapmode onclick="openWin('list_arrow')">
5058
<a class="aui-arrow-right">带有角标和箭头的列表</a>
@@ -77,17 +85,15 @@
7785
<a class="aui-arrow-right">TAB菜单</a>
7886
</li>
7987
<li class="aui-list-view-cell" tapmode onclick="openWin('contact_book')">
80-
<a class="aui-arrow-right">通讯录</a>
88+
<a class="aui-arrow-right">通讯录<span class="aui-badge aui-badge-warning">优化</span></a>
8189
</li>
8290
<li class="aui-list-view-cell" tapmode onclick="openWin('chat')">
8391
<a class="aui-arrow-right">聊天界面</a>
8492
</li>
8593
<li class="aui-list-view-cell" tapmode onclick="openWin('iconfont')">
8694
<a class="aui-arrow-right">图标</a>
8795
</li>
88-
<li class="aui-list-view-cell" tapmode onclick="openWin('waterfall')">
89-
<a class="aui-arrow-right">瀑布流</a>
90-
</li>
96+
9197
<li class="aui-list-view-cell" tapmode onclick="openWin('demo_form')">
9298
<a class="aui-arrow-right">案例：表单样式</a>
9399
</li>
@@ -111,13 +117,27 @@
111117
<script type="text/javascript">
112118
apiready = function () {
113119
api.parseTapmode();
120+
api.openWin({
121+
name: 'ad_win',
122+
url: 'ad_win.html',
123+
bounces:false,
124+
vScrollBarEnabled:false,
125+
hScrollBarEnabled:false,
126+
animation:{
127+
type:"fade"
128+
}
129+
});
114130
}
115131
function openWin(name){
132+
var delay = 0;
133+
if(api.systemType != 'ios'){
134+
delay = 300;
135+
}
116136
api.openWin({
117137
name: ''+name+'',
118138
url: ''+name+'_win.html',
119139
bounces:false,
120-
delay: 300
140+
delay: delay
121141
});
122142
}
123143
</script>

0 commit comments

Comments
 (0)