|
@ -53,61 +53,61 @@
|
53
|
53
|
<ul class="ipu-grid-nine">
|
54
|
54
|
<li>
|
55
|
55
|
<a href="html/js/carousel.html">
|
56
|
|
<span class="ipu-icon mdi mdi-timelapse"></span>
|
|
56
|
<div class="ipu-icon mdi mdi-timelapse"></div>
|
57
|
57
|
<p>轮播</p>
|
58
|
58
|
</a>
|
59
|
59
|
</li>
|
60
|
60
|
<li class="ipu-col-33 ipu-text-center">
|
61
|
61
|
<a href="html/js/refresh.html">
|
62
|
|
<span class="ipu-icon mdi mdi-refresh"></span>
|
|
62
|
<div class="ipu-icon mdi mdi-refresh"></div>
|
63
|
63
|
<p>刷新</p>
|
64
|
64
|
</a>
|
65
|
65
|
</li>
|
66
|
66
|
<li class="ipu-col-33 ipu-text-center">
|
67
|
67
|
<a href="html/js/tab.html">
|
68
|
|
<span class="ipu-icon mdi mdi-tab"></span>
|
|
68
|
<div class="ipu-icon mdi mdi-tab"></div>
|
69
|
69
|
<p>tab</p>
|
70
|
70
|
</a>
|
71
|
71
|
</li>
|
72
|
72
|
<li class="ipu-col-33 ipu-text-center">
|
73
|
73
|
<a href="html/js/navBar.html">
|
74
|
|
<span class="ipu-icon mdi mdi-nas"></span>
|
|
74
|
<div class="ipu-icon mdi mdi-nas"></div>
|
75
|
75
|
<p>导航</p>
|
76
|
76
|
</a>
|
77
|
77
|
</li>
|
78
|
78
|
<li class="ipu-col-33 ipu-text-center">
|
79
|
79
|
<a href="html/js/modal.html">
|
80
|
|
<span class="ipu-icon mdi mdi-monitor-dashboard"></span>
|
|
80
|
<div class="ipu-icon mdi mdi-monitor-dashboard"></div>
|
81
|
81
|
<p>模拟框</p>
|
82
|
82
|
</a>
|
83
|
83
|
</li>
|
84
|
84
|
<li>
|
85
|
85
|
<a href="html/js/popPicker.html">
|
86
|
|
<span class="ipu-icon mdi mdi-select"></span>
|
|
86
|
<div class="ipu-icon mdi mdi-select"></div>
|
87
|
87
|
<p>选择器</p>
|
88
|
88
|
</a>
|
89
|
89
|
</li>
|
90
|
90
|
<li>
|
91
|
91
|
<a href="html/js/dtPicker.html">
|
92
|
|
<span class="ipu-icon mdi mdi-calendar"></span>
|
|
92
|
<div class="ipu-icon mdi mdi-calendar"></div>
|
93
|
93
|
<p>日历</p>
|
94
|
94
|
</a>
|
95
|
95
|
</li>
|
96
|
96
|
<!-- <li>
|
97
|
97
|
<a href="html/js/progressBar.html">
|
98
|
|
<span class="ipu-icon mdi mdi-professional-hexagon"></span>
|
|
98
|
<div class="ipu-icon mdi mdi-professional-hexagon"></div>
|
99
|
99
|
<p>进度条</p>
|
100
|
100
|
</a>
|
101
|
101
|
</li>-->
|
102
|
102
|
<!-- <li>
|
103
|
103
|
<a href="html/js/page-index.html">
|
104
|
|
<span class="ipu-icon mdi mdi-page-layout-body"></span>
|
|
104
|
<div class="ipu-icon mdi mdi-page-layout-body"></div>
|
105
|
105
|
<p>单页面应用</p>
|
106
|
106
|
</a>
|
107
|
107
|
</li>-->
|
108
|
108
|
<li>
|
109
|
109
|
<a href="html/js/tap.html">
|
110
|
|
<span class="ipu-icon mdi mdi-clipboard"></span>
|
|
110
|
<div class="ipu-icon mdi mdi-clipboard"></div>
|
111
|
111
|
<p>点击效果</p>
|
112
|
112
|
</a>
|
113
|
113
|
</li>
|
|
@ -118,80 +118,80 @@
|
118
|
118
|
<ul class="ipu-grid-nine">
|
119
|
119
|
<li>
|
120
|
120
|
<a href="html/static/text.html">
|
121
|
|
<span class="ipu-icon mdi mdi-text-subject"></span>
|
|
121
|
<div class="ipu-icon mdi mdi-text-subject"></div>
|
122
|
122
|
<p>文本</p>
|
123
|
123
|
</a>
|
124
|
124
|
</li>
|
125
|
125
|
<li>
|
126
|
126
|
<a href="html/static/icon.html">
|
127
|
|
<span class="ipu-icon ipu-txt-success mdi mdi-information"></span>
|
|
127
|
<div class="ipu-icon ipu-txt-success mdi mdi-information"></div>
|
128
|
128
|
<p>图标</p>
|
129
|
129
|
</a>
|
130
|
130
|
</li>
|
131
|
131
|
<li>
|
132
|
132
|
<a href="html/static/button.html">
|
133
|
|
<span class="ipu-icon mdi mdi-format-list-bulleted-type ipu-txt-highlight"></span>
|
|
133
|
<div class="ipu-icon mdi mdi-format-list-bulleted-type ipu-txt-highlight"></div>
|
134
|
134
|
<p>按钮</p>
|
135
|
135
|
</a>
|
136
|
136
|
</li>
|
137
|
137
|
<!-- <li>
|
138
|
138
|
<a href="html/static/img.html">
|
139
|
|
<span class="ipu-icon mdi mdi-image ipu-txt-primary"></span>
|
|
139
|
<div class="ipu-icon mdi mdi-image ipu-txt-primary"></div>
|
140
|
140
|
<p>图片</p>
|
141
|
141
|
</a>
|
142
|
142
|
</li>-->
|
143
|
143
|
<li>
|
144
|
144
|
<a href="html/static/function.html">
|
145
|
|
<span class="ipu-icon mdi mdi-assistant ipu-txt-warning"></span>
|
|
145
|
<div class="ipu-icon mdi mdi-assistant ipu-txt-warning"></div>
|
146
|
146
|
<p>辅助</p>
|
147
|
147
|
</a>
|
148
|
148
|
</li>
|
149
|
149
|
<li>
|
150
|
150
|
<a href="html/static/layout.html">
|
151
|
|
<span class="ipu-icon mdi mdi-view-sequential ipu-txt-color-1"></span>
|
|
151
|
<div class="ipu-icon mdi mdi-view-sequential ipu-txt-color-1"></div>
|
152
|
152
|
<p>布局</p>
|
153
|
153
|
</a>
|
154
|
154
|
</li>
|
155
|
155
|
<li>
|
156
|
156
|
<a href="html/static/grid-layout.html">
|
157
|
|
<span class="ipu-icon mdi mdi-grid ipu-txt-color-2"></span>
|
|
157
|
<div class="ipu-icon mdi mdi-grid ipu-txt-color-2"></div>
|
158
|
158
|
<p>栅格</p>
|
159
|
159
|
</a>
|
160
|
160
|
</li>
|
161
|
161
|
|
162
|
162
|
<li>
|
163
|
163
|
<a href="html/static/grid.html">
|
164
|
|
<span class="ipu-icon mdi mdi-view-grid ipu-txt-color-3"></span>
|
|
164
|
<div class="ipu-icon mdi mdi-view-grid ipu-txt-color-3"></div>
|
165
|
165
|
<p>宫格</p>
|
166
|
166
|
</a>
|
167
|
167
|
</li>
|
168
|
168
|
<li>
|
169
|
169
|
<a href="html/static/toolbar.html">
|
170
|
|
<span class="ipu-icon mdi mdi-tooltip ipu-txt-color-4"></span>
|
|
170
|
<div class="ipu-icon mdi mdi-tooltip ipu-txt-color-4"></div>
|
171
|
171
|
<p>工具栏</p>
|
172
|
172
|
</a>
|
173
|
173
|
</li>
|
174
|
174
|
<!--<li>
|
175
|
175
|
<a href="html/static/badage.html">
|
176
|
|
<span class="ipu-icon mdi mdi-bandcamp ipu-txt-color-6"></span>
|
|
176
|
<div class="ipu-icon mdi mdi-bandcamp ipu-txt-color-6"></div>
|
177
|
177
|
<p>徽标</p>
|
178
|
178
|
</a>
|
179
|
179
|
</li>-->
|
180
|
180
|
<li>
|
181
|
181
|
<a href="html/static/category.html">
|
182
|
|
<span class="ipu-icon mdi mdi-timelapse ipu-txt-color-7"></span>
|
|
182
|
<div class="ipu-icon mdi mdi-timelapse ipu-txt-color-7"></div>
|
183
|
183
|
<p>类目</p>
|
184
|
184
|
</a>
|
185
|
185
|
</li>
|
186
|
186
|
<li>
|
187
|
187
|
<a href="html/static/list.html">
|
188
|
|
<span class="ipu-icon mdi mdi-view-list ipu-txt-color-8"></span>
|
|
188
|
<div class="ipu-icon mdi mdi-view-list ipu-txt-color-8"></div>
|
189
|
189
|
<p>列表</p>
|
190
|
190
|
</a>
|
191
|
191
|
</li>
|
192
|
192
|
<li>
|
193
|
193
|
<a href="html/static/card.html">
|
194
|
|
<span class="ipu-icon mdi mdi-cards"></span>
|
|
194
|
<div class="ipu-icon mdi mdi-cards"></div>
|
195
|
195
|
<p>卡片</p>
|
196
|
196
|
</a>
|
197
|
197
|
</li>
|
|
@ -203,7 +203,7 @@
|
203
|
203
|
</li>-->
|
204
|
204
|
<li>
|
205
|
205
|
<a href="html/static/newform.html">
|
206
|
|
<span class="ipu-icon mdi mdi-folder"></span>
|
|
206
|
<div class="ipu-icon mdi mdi-folder"></div>
|
207
|
207
|
<p>表单</p>
|
208
|
208
|
</a>
|
209
|
209
|
</li>
|
|
@ -215,7 +215,7 @@
|
215
|
215
|
</li>-->
|
216
|
216
|
<li>
|
217
|
217
|
<a href="html/static/table.html">
|
218
|
|
<span class="ipu-icon mdi mdi-table ipu-txt-color-5"></span>
|
|
218
|
<div class="ipu-icon mdi mdi-table ipu-txt-color-5"></div>
|
219
|
219
|
<p>表格</p>
|
220
|
220
|
</a>
|
221
|
221
|
</li>
|
|
@ -225,19 +225,19 @@
|
225
|
225
|
<ul class="ipu-grid-nine">
|
226
|
226
|
<li>
|
227
|
227
|
<a href="html/other/sign.html">
|
228
|
|
<span class="ipu-icon mdi mdi-sign-text ipu-txt-primary"></span>
|
|
228
|
<div class="ipu-icon mdi mdi-sign-text ipu-txt-primary"></div>
|
229
|
229
|
<p>签名</p>
|
230
|
230
|
</a>
|
231
|
231
|
</li>
|
232
|
232
|
<li>
|
233
|
233
|
<a href="html/other/drag.html">
|
234
|
|
<span class="ipu-icon mdi mdi-selection-drag ipu-txt-success"></span>
|
|
234
|
<div class="ipu-icon mdi mdi-selection-drag ipu-txt-success"></div>
|
235
|
235
|
<p>拖动</p>
|
236
|
236
|
</a>
|
237
|
237
|
</li>
|
238
|
238
|
<li>
|
239
|
239
|
<a href="html/other/iscroll.html">
|
240
|
|
<span class="ipu-icon mdi mdi-move-resize-variant ipu-txt-highlight"></span>
|
|
240
|
<div class="ipu-icon mdi mdi-move-resize-variant ipu-txt-highlight"></div>
|
241
|
241
|
<p>滚动</p>
|
242
|
242
|
</a>
|
243
|
243
|
</li>
|