Selaa lähdekoodia

优化标签元素

guohh 6 vuotta sitten
vanhempi
commit
8ef0068020
1 muutettua tiedostoa jossa 28 lisäystä ja 28 poistoa
  1. 28 28
      ipuui/demo/index.html

+ 28 - 28
ipuui/demo/index.html

@ -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>