<!doctype>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"/>
<meta charset="UTF-8" />
<title>orion-font Icon Font | Orion Icon Library</title>
<style>
html { box-sizing: border-box }
*, *:before, *:after { box-sizing: inherit }
body {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 1.125rem;
}
.brand-red { color: #ff4d63 }
.brand-blue { color: #007aff }
.header {
display: flex;
align-items: center;
background-color: #121418;
justify-content: space-between;
height: 66px;
padding: 0 28px;
color: white;
}
.logo_wrapper {
display: flex;
align-items: flex-start;
color: #fff;
}
.logo_iso,
.logo_name {
display: inline-block;
vertical-align: middle;
}
.logo_iso {
width: 32px;
height: 32px;
}
.logo_name {
width: 80px;
height: 25px;
margin-left: 10px;
}
.title {
font-weight: 300;
max-width: 33%;
font-size: 1em;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wrapper {
padding: 1em 3em;
}
.tiny {
font-size: .7em;
text-align: center;
}
.heading,
.link {
color: inherit;
text-decoration: none;
}
.link {
color: #0092FF;
cursor: pointer
}
.link:hover { text-decoration: underline }
.heading:hover:after {
content: "#";
color: #0092FF;
margin-left: 2px;
opacity: .3;
transition: opacity .3s;
}
.heading:active:after {
opacity: 1;
}
.text {
line-height: 1.5;
}
.pre {
color: #202020;
tab-ssize: 4px;
overflow-x: auto;
padding: 1.5em;
line-height: 1.5;
background: rgba(0, 0, 0, 0.05);
font-size: .9em;
}
.pre-icon {
font-size: 12px;
padding: .5em 1em;
width: 100%;
z-index: 2;
border-radius: 2px;
opacity: .3;
transition: opacity .3s;
margin: 1px;
}
.code {
font-family: Menlo, mono;
font-size: .85em;
}
.section {
padding-left: 24px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 12px;
margin-bottom: 48px;
}
.icons-list {
overflow: auto;
padding: 40px;
margin: 0px;
list-style: none;
padding-bottom: 40px;
}
.icon {
width: 100%;
float: left;
display: block;
transition: opacity 250ms;
cursor: pointer;
position: relative;
}
@media (min-width: 767px) { .icon { width: 50% } }
@media (min-width: 1023px) { .icon { width: 33.333% } }
@media (min-width: 1199px) { .icon { width: 20% } }
.icon:after {
content: "";
position: absolute;
z-index: -1;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 0;
box-shadow: 0 .5em 3em rgba(0, 0, 0, .1);
transition: opacity .3s;
}
.icon:hover:after {
opacity: 1;
z-index: 1;
}
.icon:before {
content: "";
padding-top: 100%;
display: block;
}
.icon:hover .orion-font__class {
opacity: 1;
}
.icon:hover .orion-font__code {
opacity: 1;
}
.icon-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
padding: 10px;
}
.icon-preview {
margin-top: auto;
margin-bottom: auto;
position: relative;
}
.style {
white-space: pre;
display: inline-block;
font-size: .7em;
line-height: 1.5;
background: rgba(0,0,0,0.05);
tab-size: 4px;
color: #202020;
margin-top: 1em;
width: 100%;
outline: 0px;
border-left: 4px solid #007aff;
}
.size-12 .icon-preview,
.size-12 .letters { font-size: 12px; }
.size-14 .icon-preview,
.size-14 .letters { font-size: 14px; }
.size-16 .icon-preview,
.size-16 .letters { font-size: 16px; }
.size-18 .icon-preview,
.size-18 .letters { font-size: 18px; }
.size-21 .icon-preview,
.size-21 .letters { font-size: 21px; }
.size-24 .icon-preview,
.size-24 .letters { font-size: 24px; }
.size-36 .icon-preview,
.size-36 .letters { font-size: 36px; }
.size-48 .icon-preview,
.size-48 .letters { font-size: 48px; }
.size-60 .icon-preview,
.size-60 .letters { font-size: 60px; }
.size-72 .icon-preview,
.size-72 .letters { font-size: 72px; }
/* Icon Font: orion-font */
@font-face {
font-family: "orion-font";
src: url("./orion-font.eot");
src: url("./orion-font.eot?#iefix") format("embedded-opentype"),
url("./orion-font.woff2") format("woff2"),
url("./orion-font.woff") format("woff"),
url("./orion-font.ttf") format("truetype"),
url("./orion-font.svg#orion-font") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "orion-font";
src: url("./orion-font.svg#orion-font") format("svg");
}
}
[data-icon]:before { content: attr(data-icon); }
[data-icon]:before,
.o-app-layout-1::before,
.o-archive-1::before,
.o-archive-folder-1::before,
.o-bookmark-archive-1::before,
.o-cd-1::before,
.o-clock-1::before,
.o-code-window-1::before,
.o-computer-display-1::before,
.o-contact-card-1::before,
.o-data-storage-1::before,
.o-database-1::before,
.o-diploma-1::before,
.o-document-1::before,
.o-earth-globe-1::before,
.o-exit-1::before,
.o-home-1::before,
.o-id-card-1::before,
.o-imac-screen-1::before,
.o-ipad-1::before,
.o-laptop-screen-1::before,
.o-letter-1::before,
.o-like-hand-1::before,
.o-medical-chart-1::before,
.o-mouse-1::before,
.o-network-1::before,
.o-news-article-1::before,
.o-paper-stack-1::before,
.o-paperwork-1::before,
.o-presentation-1::before,
.o-profile-1::before,
.o-repository-1::before,
.o-sales-up-1::before,
.o-search-magnify-1::before,
.o-settings-window-1::before,
.o-stack-1::before,
.o-statistic-1::before,
.o-survey-1::before,
.o-table-content-1::before,
.o-timing-1::before,
.o-trophy-1::before,
.o-user-1::before,
.o-user-details-1::before,
.o-wifi-router-1::before,
.o-wireframe-1::before {
display: inline-block;
font-family: "orion-font";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.o-app-layout-1::before { content: "\f300"; }
.o-archive-1::before { content: "\f301"; }
.o-archive-folder-1::before { content: "\f302"; }
.o-bookmark-archive-1::before { content: "\f303"; }
.o-cd-1::before { content: "\f304"; }
.o-clock-1::before { content: "\f305"; }
.o-code-window-1::before { content: "\f306"; }
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
本系统以web技术为基础在当前Web技术的设计模式当中,最有影响力的模式就是MVC模式。其功能十分的强大,堪称是软件设计界中的典范,利用数据、因为逻辑和界面显示分离方法的组织代码,实现了将所有的逻辑融合到一个部件里,直接实现界面和用户的相互交替,不需要再进行业务逻辑的编写。MVC模式的设计主要是实现了将输入、处理和输出的功能在一个界面中实现的模式。这个模式的出现提高了Web技术的质量水平,也在一定程度上减少了Web技术在实际操作中出现各种技术方面的问题。 主要功能包括: 账号管理、实验室管理员管理、老师管理、设备信息管理、设备借用管理、设备归还管理、设备维修管理、设备报废管理、材料分类管理。
资源推荐
资源详情
资源评论
收起资源包目录
java mysql实验室设备管理系统的设计与实现程序设计与实现 (1821个子文件)
Query.class 23KB
Query.class 23KB
Query.class 22KB
Builder.class 14KB
Builder.class 14KB
Builder.class 13KB
Info.class 13KB
Info.class 13KB
Info.class 12KB
CommDAO.class 11KB
CommDAO.class 11KB
CommDAO.class 11KB
Uploader.class 9KB
Uploader.class 9KB
Uploader.class 9KB
Collect.class 8KB
Collect.class 8KB
Collect.class 8KB
LoginCtrl.class 7KB
LoginCtrl.class 7KB
LoginCtrl.class 7KB
DownloadRemoteImage.class 5KB
DownloadRemoteImage.class 5KB
DownloadRemoteImage.class 5KB
SqlServer.class 3KB
SqlServer.class 3KB
SqlServer.class 3KB
SetChar.class 3KB
SetChar.class 3KB
SetChar.class 3KB
StringUtil.class 3KB
StringUtil.class 3KB
StringUtil.class 2KB
LocalRequestContextHolder.class 2KB
LocalRequestContextHolder.class 2KB
Request.class 2KB
Request.class 2KB
Request.class 2KB
LocalRequestContextHolder.class 2KB
LocalRequestContext.class 2KB
LocalRequestContext.class 2KB
LocalRequestContext.class 2KB
QuerySql.class 2KB
QuerySql.class 2KB
QuerySql.class 2KB
Timer.class 2KB
Timer.class 2KB
Timer.class 2KB
QueryData.class 1KB
QueryData.class 1KB
QueryData.class 1KB
Mysql.class 322B
Mysql.class 322B
Mysql.class 322B
bootstrap.css 170KB
bootstrap.css 170KB
bootstrap.min.css 149KB
bootstrap.min.css 149KB
bootstrap.min.css 138KB
bootstrap.min.css 138KB
style.default.css 92KB
style.default.css 92KB
style.pink.css 92KB
style.pink.css 92KB
style.violet.css 92KB
style.sea.css 92KB
style.blue.css 92KB
style.green.css 92KB
style.violet.css 92KB
style.sea.css 92KB
style.blue.css 92KB
style.green.css 92KB
style.red.css 92KB
style.red.css 92KB
all.css 69KB
all.css 69KB
fontawesome.css 68KB
fontawesome.css 68KB
all.min.css 56KB
all.min.css 56KB
fontawesome.min.css 54KB
fontawesome.min.css 54KB
video-js-cdn.css 45KB
video-js-cdn.css 45KB
v4-shims.css 40KB
v4-shims.css 40KB
video-js-cdn.min.css 40KB
video-js-cdn.min.css 40KB
video-js.min.css 40KB
video-js.min.css 40KB
bootstrap-grid.css 37KB
bootstrap-grid.css 37KB
font-awesome.css 37KB
font-awesome.css 37KB
font-awesome.min.css 30KB
font-awesome.min.css 30KB
bootstrap-grid.min.css 28KB
bootstrap-grid.min.css 28KB
v4-shims.min.css 26KB
v4-shims.min.css 26KB
共 1821 条
- 1
- 2
- 3
- 4
- 5
- 6
- 19
资源评论
进击的大海贼
- 粉丝: 1w+
- 资源: 196
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功