<!--淘宝店：云码资源优选 https://shop188702750.taobao.com/search.htm?spm=a1z10.1-c.0.0.1221421cqgmNaI&search=y--><!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>图标 - 后台管理系统模板</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="后台管理系统HTML模板">
<meta name="description" content="基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
<meta name="author" content="yinqi">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link href="css/style.min.css" rel="stylesheet">
<style>
/**
* 图标示例样式(这里单独放页面中)
* example-icons
*/
.example-icons {
padding: 0 20px 10px 20px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.example-icons div {
line-height: 2.5em;
}
.example-icons div span {
cursor: pointer;
font-size: 14px;
text-overflow: ellipsis;
display: inline-block;
max-width: calc(100% - 90px);
overflow: hidden;
vertical-align: middle;
white-space: nowrap;
}
.example-icons div code:hover,
.example-icons div span:hover,
.example-icons div i:hover {
color: #33cabb;
}
.example-icons div code:hover {
border-color: #33cabb;
}
.example-icons div code {
border: 1px solid #DDD;
width: 46px;
margin-left: 2px;
margin-right: 4px;
border-radius: 4px;
display: inline-block;
vertical-align: middle;
text-align: center;
line-height: 24px;
cursor: pointer;
}
.example-icons div i {
display: inline-block;
width: 32px;
height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
line-height: 24px;
}
.example-icons .mdi:before {
font-size: 24px;
}
</style>
</head>
<body>
<div class="container-fluid p-t-15">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header"><h4>图标(Material Design Icons)</h4></div>
<div class="card-body">
<h5>使用</h5>
<code><span class="mdi mdi-<span id="name">name</span>"></span></code>
<hr>
<div class="example-icons">
<div><i class="mdi mdi-access-point"></i><code>f002</code><span>mdi-access-point</span></div>
<div><i class="mdi mdi-access-point-network"></i><code>f003</code><span>mdi-access-point-network</span></div>
<div><i class="mdi mdi-account"></i><code>f004</code><span>mdi-account</span></div>
<div><i class="mdi mdi-account-alert"></i><code>f005</code><span>mdi-account-alert</span></div>
<div><i class="mdi mdi-account-box"></i><code>f006</code><span>mdi-account-box</span></div>
<div><i class="mdi mdi-account-box-outline"></i><code>f007</code><span>mdi-account-box-outline</span></div>
<div><i class="mdi mdi-account-card-details"></i><code>f5d2</code><span>mdi-account-card-details</span></div>
<div><i class="mdi mdi-account-check"></i><code>f008</code><span>mdi-account-check</span></div>
<div><i class="mdi mdi-account-circle"></i><code>f009</code><span>mdi-account-circle</span></div>
<div><i class="mdi mdi-account-convert"></i><code>f00a</code><span>mdi-account-convert</span></div>
<div><i class="mdi mdi-account-edit"></i><code>f6bb</code><span>mdi-account-edit</span></div>
<div><i class="mdi mdi-account-key"></i><code>f00b</code><span>mdi-account-key</span></div>
<div><i class="mdi mdi-account-location"></i><code>f00c</code><span>mdi-account-location</span></div>
<div><i class="mdi mdi-account-minus"></i><code>f00d</code><span>mdi-account-minus</span></div>
<div><i class="mdi mdi-account-multiple"></i><code>f00e</code><span>mdi-account-multiple</span></div>
<div><i class="mdi mdi-account-multiple-minus"></i><code>f5d3</code><span>mdi-account-multiple-minus</span></div>
<div><i class="mdi mdi-account-multiple-outline"></i><code>f00f</code><span>mdi-account-multiple-outline</span></div>
<div><i class="mdi mdi-account-multiple-plus"></i><code>f010</code><span>mdi-account-multiple-plus</span></div>
<div><i class="mdi mdi-account-network"></i><code>f011</code><span>mdi-account-network</span></div>
<div><i class="mdi mdi-account-off"></i><code>f012</code><span>mdi-account-off</span></div>
<div><i class="mdi mdi-account-outline"></i><code>f013</code><span>mdi-account-outline</span></div>
<div><i class="mdi mdi-account-plus"></i><code>f014</code><span>mdi-account-plus</span></div>
<div><i class="mdi mdi-account-remove"></i><code>f015</code><span>mdi-account-remove</span></div>
<div><i class="mdi mdi-account-search"></i><code>f016</code><span>mdi-account-search</span></div>
<div><i class="mdi mdi-account-settings"></i><code>f630</code><span>mdi-account-settings</span></div>
<div><i class="mdi mdi-account-settings-variant"></i><code>f631</code><span>mdi-account-settings-variant</span></div>
<div><i class="mdi mdi-account-star"></i><code>f017</code><span>mdi-account-star</span></div>
<div><i class="mdi mdi-account-switch"></i><code>f019</code><span>mdi-account-switch</span></div>
<div><i class="mdi mdi-adjust"></i><code>f01a</code><span>mdi-adjust</span></div>
<div><i class="mdi mdi-air-conditioner"></i><code>f01b</code><span>mdi-air-conditioner</span></div>
<div><i class="mdi mdi-airballoon"></i><code>f01c</code><span>mdi-airballoon</span></div>
<div><i class="mdi mdi-airplane"></i><code>f01d</code><span>mdi-airplane</span></div>
<div><i class="mdi mdi-airplane-landing"></i><code>f5d4</code><span>mdi-airplane-landing</span></div>
<div><i class="mdi mdi-airplane-off"></i><code>f01e</code><span>mdi-airplane-off</span></div>
<div><i class="mdi mdi-airplane-takeoff"></i><code>f5d5</code><span>mdi-airplane-takeoff</span></div>
<div><i class="mdi mdi-airplay"></i><code>f01f</code><span>mdi-airplay</span></div>
<div><i class="mdi mdi-alarm"></i><code>f020</code><span>mdi-alarm</span></div>
<div><i class="mdi mdi-alarm-bell"></i><code>f78d</code><span>mdi-alarm-bell</span></div>
<div><i class="mdi mdi-alarm-check"></i><code>f021</code><span>mdi-alarm-check</span></div>
<div><i class="mdi mdi-alarm-light"></i><code>f78e</code><span>mdi-alarm-light</span></div>
<div><i class="mdi mdi-alarm-multiple"></i><code>f022</code><span>mdi-alarm-multiple</span></div>
<div><i class="mdi mdi-alarm-off"></i><code>f023</code><span>mdi-alarm-off</span></div>
<div><i class="mdi mdi-alarm-plus"></i><code>f024</code><span>mdi-alarm-plus</span></div>
<div><i class="mdi mdi-alarm-snooze"></i><code>f68d</code><span>mdi-alarm-snooze</span></div>
<div><i class="mdi mdi-album"></i><code>f025</code><span>mdi-album</span></div>
<div><i class="mdi mdi-alert"></i><code>f026</code><span>mdi-alert</span></div>
<div><i class="mdi mdi-alert-box"></i><code>f027</code><span>mdi-alert-box</span></div>
<div><i class="mdi mdi-alert-circle"></i><code>f028</code><span>mdi-alert-circle</span></div>
<div><i class="mdi mdi-alert-circle-outline"></i><code>f5d6</code><span>mdi-alert-circle-outline</span></div>
<div><i class="mdi mdi-alert-decagram"></i><code>f6bc</code><span>mdi-alert-decagram</span></div>
<div><i class="mdi mdi-alert-octagon"></i><code>f029</code><span>mdi-alert-octagon</span></div>
<div><i class="mdi mdi-alert-octagram"></i><code>f766</code><span>mdi-alert-octagram</span></div>
<div><i class="mdi mdi-alert-outline"></i><code>f02a</code><span>mdi-alert-outline</span></div>
<div><i class="mdi mdi-all-inclusive"></i><code>f6bd</code><span>mdi-all-inclusive</span></div>
<div><i class="mdi mdi-alpha"></i><code>f02b</code><span>mdi-alpha</span></div>
<div><i class="mdi mdi-alphabetical"></i><code>f02c</code><span>mdi-alphabetical</span></div>
<div><i class="mdi mdi-altimeter"></i><code>f5d7</code><span>mdi-altimeter</span>
H5响应式扁平化后台管理系统模板源码（单页+iframe）\炫酷H5后台管理模板iframe版
需积分: 21 59 浏览量
2022-02-22
10:34:05
上传
评论
收藏 2.65MB ZIP 举报
H5响应式扁平化后台管理系统模板源码（单页+iframe）\炫酷H5后台管理模板iframe版 （318个子文件） 
bootstrap.min.css 106KB style.min.css 105KB materialdesignicons.min.css 85KB animate.css 71KB bootstrap-table-group-by.min.css 24KB bootstrap-datepicker3.css 22KB jquery-confirm.min.css 22KB bootstrap-datepicker3.min.css 21KB bootstrap-editable.min.css 17KB ion.rangeSlider.min.css 11KB bootstrap-datetimepicker.css 9KB bootstrap-table.min.css 8KB bootstrap-datetimepicker.min.css 8KB bootstrap-colorpicker.css 5KB bootstrap-colorpicker.min.css 4KB multitabs.min.css 2KB bootstrap-table-reorder-rows.min.css 1KB bootstrap-table-tree-column.min.css 904B jquery.tagsinput.min.css 903B bootstrap-table-fixed-columns.min.css 805B bootstrap-table-multiple-selection-row.min.css 591B bootstrap-table-sticky-header.min.css 540B bootstrap-table-group-by.min.css 449B bootstrap-table-page-jump-to.min.css 434B bootstrap-table-filter-control.min.css 393B jquery.treegrid.min.css 175B materialdesignicons.eot 286KB
loading.gif 2KB
lyear_ui_icons.html 195KB lyear_ui_buttons.html 29KB lyear_forms_elements.html 27KB lyear_pages_rabc.html 22KB lyear_forms_switch.html 21KB lyear_ui_other.html 17KB lyear_js_chartjs.html 16KB lyear_pages_data_table.html 16KB index.html 14KB lyear_pages_doc.html 13KB lyear_ui_grid.html 12KB lyear_ui_tables.html 11KB lyear_ui_typography.html 11KB lyear_main.html 10KB lyear_ui_progress.html 9KB lyear_ui_modals.html 9KB lyear_ui_tabs.html 8KB lyear_ui_pagination.html 7KB lyear_ui_cards.html 6KB lyear_js_jconfirm.html 6KB lyear_pages_add_doc.html 6KB lyear_js_sliders.html 6KB lyear_forms_radio.html 5KB lyear_forms_checkbox.html 5KB lyear_pages_config.html 5KB lyear_ui_alerts.html 5KB lyear_pages_config_system.html 5KB lyear_pages_guide.html 4KB lyear_ui_step.html 4KB lyear_js_notify.html 4KB lyear_pages_config_upload.html 4KB lyear_js_datepicker.html 3KB lyear_pages_login.html 3KB lyear_pages_gallery.html 3KB lyear_ui_tooltips_popover.html 3KB lyear_pages_profile.html 3KB lyear_pages_edit_pwd.html 2KB lyear_js_colorpicker.html 2KB lyear_pages_error.html 2KB lyear_js_tags_input.html 2KB favicon.ico 17KB
4.jpg 114KB 8.jpg 97KB 7.jpg 69KB 10.jpg 67KB 9.jpg 62KB 14.jpg 61KB 13.jpg 60KB 3.jpg 56KB 11.jpg 56KB 17.jpg 55KB 15.jpg 55KB 16.jpg 55KB 2.jpg 47KB 1.jpg 46KB img-slide-1.jpg 37KB img-slide-4.jpg 33KB 6.jpg 29KB img-slide-5.jpg 25KB 5.jpg 24KB img-slide-3.jpg 24KB img-slide-2.jpg 11KB avatar.jpg 11KB avatar.jpg 11KB Chart.js 536KB bootstrap-table.js 123KB bootstrap-datetimepicker.js 101KB jquery.min.js 82KB bootstrap-editable.min.js 74KB bootstrap-table.min.js 67KB bootstrap-datepicker.js 57KB multitabs.js 44KB共 318 条
- 1
- 2
- 3
- 4
评论0