forked from liulangnan/aui
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdemo_moubao_frm.html
More file actions
executable file
·155 lines (155 loc) · 6.98 KB
/
Copy pathdemo_moubao_frm.html
File metadata and controls
executable file
·155 lines (155 loc) · 6.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>AUI快速完成布局</title>
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
<style type="text/css">
#classify {
color: #ffffff !important;
}
</style>
</head>
<body>
<section class="aui-content ">
<div class="aui-grid aui-bg-info">
<div class="aui-row" id="classify">
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-image"></i>
<div class="aui-grid-label">扫两扫</div>
</div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-camera"></i>
<div class="aui-grid-label">支付</div>
</div>
<div class="aui-col-xs-3">
<div class="aui-badge">新</div>
<i class="aui-iconfont aui-icon-pencil"></i>
<div class="aui-grid-label">写点啥</div>
</div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-date"></i>
<div class="aui-grid-label">咻二咻</div>
</div>
</div>
</div>
</section>
<section class="aui-content aui-margin-b-10">
<div class="aui-grid">
<div class="aui-row">
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-recovery aui-text-info"></i>
<div class="aui-grid-label">名字</div>
</div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-mobile aui-text-warning"></i>
<div class="aui-grid-label">手付</div>
</div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-cert aui-text-warning"></i>
<div class="aui-grid-label">卡券</div>
</div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-map aui-text-info"></i>
<div class="aui-grid-label">位置</div>
</div>
<div class="aui-hr aui-clearfix"></div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-gear aui-text-danger"></i>
<div class="aui-grid-label">设置</div>
</div>
<div class="aui-col-xs-3">
<div class="aui-badge" style="left:50%">抢红包</div>
<i class="aui-iconfont aui-icon-calendar aui-text-danger"></i>
<div class="aui-grid-label">日历</div>
</div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-location aui-text-warning"></i>
<div class="aui-grid-label">定位</div>
</div>
<div class="aui-col-xs-3">
<i class="aui-iconfont aui-icon-video aui-text-primary"></i>
<div class="aui-grid-label">直播</div>
</div>
</div>
</div>
</section>
<section class="aui-content aui-margin-b-10" style="overflow:hidden; background:#ffffff;">
<div class="aui-info aui-padded-l-15 aui-padded-r-15">
<div class="aui-info-item">
<img src="../image/liulangnan.png" class="aui-margin-r-10" style="width:2rem;border-radius:4px;" />
记录我的生活
</div>
<div class="aui-info-item">
<i class="aui-iconfont aui-icon-camera"></i>
</div>
</div>
</section>
<section class="aui-content">
<div class="aui-card-list">
<div class="aui-card-list-header aui-card-list-user">
<div class="aui-card-list-user-avatar">
<img src="../image/gril.jpg" class="aui-margin-r-10" style="width:2rem;border-radius:4px;" />
</div>
<div class="aui-card-list-user-name">
<div>小太阳</div>
<i class="aui-iconfont aui-icon-down"></i>
</div>
<div class="aui-card-list-user-info">08-09 11:05</div>
</div>
<div class="aui-card-list-content aui-list aui-media-list aui-list-noborder aui-padded-t-0">
<div class="aui-list-item aui-list-item-middle aui-padded-r-15">
<div class="aui-media-list-item-inner " style="background:#f5f5f5;">
<div class="aui-list-item-media aui-padded-t-0 aui-padded-b-0 aui-padded-r-0" style="width:3rem;">
<img src="../image/hongbao.png">
</div>
<div class="aui-list-item-inner aui-padded-l-10">
呼唤朋友拿红包
</div>
</div>
</div>
</div>
<div class="aui-card-list-footer aui-border-t aui-margin-t-10" style="padding-left:1.5rem;padding-right:1.5rem;">
<div>
<i class="aui-iconfont aui-icon-laud aui-margin-r-5"></i>赞
</div>
<div>
<i class="aui-iconfont aui-icon-comment aui-margin-r-5"></i>评论
</div>
<div>
<i class="aui-iconfont aui-icon-star aui-margin-r-5"></i>打赏
</div>
</div>
</div>
</section>
<section class="aui-content">
<div class="aui-card-list aui-margin-b-0">
<div class="aui-card-list-header aui-card-list-user">
<div class="aui-card-list-user-avatar">
<img src="../image/demo1.png" class="aui-margin-r-10" style="width:2rem;border-radius:4px;" />
</div>
<div class="aui-card-list-user-name">
<div>XX信用-阅读更新</div>
<i class="aui-iconfont aui-icon-down"></i>
</div>
<div class="aui-card-list-user-info">08-09 11:05</div>
</div>
<div class="aui-card-list-content aui-text-center">
<div class="aui-font-size-20">本月XX分更新了</div>
<p class="aui-text-danger aui-margin-b-10">评估时间：2016-08-06</p>
<p class="aui-margin-b-10">点滴珍贵，重在积累</p>
</div>
<div class="aui-card-list-footer aui-text-center aui-border-t">
<div class="aui-text-info">立即查看</div>
</div>
</div>
</section>
</body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript">
apiready = function () {
}
</script>
</html>