muzi
/
macUI
mirror of https://github.com/1099438829/macUI.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

完善mac皮肤图标的改造

This commit is contained in:
muzi_ys 2022-10-21 00:19:53 +08:00
parent c250b4e3de
commit 0816c6475f
11 changed files with 55 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
css/index.css
View File

@ -694,7 +694,8 @@ body {
cursor: pointer;
}
.mac-open-iframe {
/* 窗口打开主题 */
body .mac-open-iframe {
/*繁华年间许你一世安宁提供*/
background-color: transparent;
border: #f0f6f6 solid 1px;
@ -706,12 +707,12 @@ body {
-moz-border-radius: 6px !important;
}
.mac-open-iframe .layui-layer-content {
body .mac-open-iframe .layui-layer-content {
background-color: white;
max-height: calc(100% - 24px);
}
.mac-open-iframe .layui-layer-title {
body .mac-open-iframe .layui-layer-title {
box-sizing: border-box;
background: rgba(250, 250, 250, 0.9);
padding-left: 120px;
@ -720,20 +721,16 @@ body {
text-align: center;
}
.mac-open-iframe.hide {
body .mac-open-iframe.hide {
display: none;
}
.mac-btn_refresh {
body .mac-btn_refresh {
float: right;
}
#mac .img-loader {
display: none;
}
.mac-open-iframe .layui-layer-ico {
background: url(../img/frame/assets.png) no-repeat
background: url(../img/frame/assets.png) no-repeat;
}
.mac-open-iframe .layui-layer-setwin {
@ -755,8 +752,8 @@ body {
}
.mac-open-iframe .layui-layer-setwin a {
width: 30px;
height: 30px;
width: 20px;
height: 20px;
font-size: 13px;
overflow: hidden;
margin-left: 10px;
@ -789,84 +786,75 @@ body {
.mac-open-iframe .layui-layer-min cite{display:none}
.mac-open-iframe .layui-layer-max, .layui-layer-maxmin, .layui-layer-min cite {
background: none
}
body .mac-open-iframe .layui-layer-setwin .layui-layer-min {
background-color: #FFBD2E;
border-radius:50%;
width: 0.9rem;
height:0.9rem;
background: url(../img/frame/assets.png) no-repeat;
background-position: -3px -33px;
cursor: pointer;
}
body .mac-open-iframe .layui-layer-setwin .layui-layer-min:hover {
background:url("../img/frame/unmaximize.png") no-repeat center;
background-size: 1rem 1rem;
background: url(../img/frame/assets.png) no-repeat;
background-position: -3px -62px;
cursor: pointer;
}
.mac-open-iframe .layui-layer-setwin a::before {
display: inline-block;
width: 1rem;
height: 1rem;
border-radius: 50%;
body .mac-open-iframe .layui-layer-setwin a.layui-layer-close {
background-position: -46px -33px;
cursor: pointer;
}
.mac-open-iframe .layui-layer-setwin a.layui-layer-close1:hover::before {
content: "\f057";
color: #FF6057;
font: normal normal normal 1rem/1 FontAwesome;
body .mac-open-iframe .layui-layer-setwin a.layui-layer-close:hover {
background-position: -46px -62px;
cursor: pointer;
}
body .mac-open-iframe .layui-layer-setwin .layui-layer-max {
background-color:#28CA42;
border-radius:50%;
width: 0.9rem;
height:0.9rem;
background-position: -24px -33px;
cursor: pointer;
}
body .mac-open-iframe .layui-layer-setwin .layui-layer-max:hover {
background:url("../img/frame/unmaximize.png") no-repeat center;
background-size: 1rem 1rem;
background-position: -24px -62px;
cursor: pointer;
}
body .mac-open-iframe .layui-layer-setwin .layui-layer-maxmin {
background-color:#28CA42;
border-radius:50%;
width: 0.9rem;
height:0.9rem;
background-position: -69px -33px;
cursor: pointer;
}
body .mac-open-iframe.layui-layer-setwin .layui-layer-maxmin:hover {
background:url("../img/frame/maximize.png") no-repeat center;
background-size: 1rem 1rem;
background-position: -69px -62px;
cursor: pointer;
}
.mac-open-iframe .layui-layer-close::before {
content: "\f111";
color: #FF6057;
font: normal normal normal 1rem/1 FontAwesome;
body .mac-open-iframe .layui-layer-setwin .layui-layer-refresh {
background-position: -104px -32px;
cursor: pointer;
}
.mac-open-iframe .layui-layer-min, .layui-layer-close, .layui-layer-max {
body .mac-open-iframe .layui-layer-setwin .layui-layer-refresh:hover {
background-position: -104px -61px;
cursor: pointer;
}
body .mac-open-iframe .layui-layer-setwin .layui-layer-change-url {
background-position: -69px -32px;
cursor: pointer;
}
body .mac-open-iframe.layui-layer-setwin .layui-layer-change-url:hover {
background-position: -104px -61px;
cursor: pointer;
}
.mac-open-iframe .layui-layer-min, .layui-layer-close, .layui-layer-max,.layui-layer-refresh, .layui-layer-change-url {
text-decoration: none;
}
.layui-layer-refresh, .layui-layer-change-url, .layui-layer-refresh:hover, .layui-layer-change-url:hover {
text-decoration: none;
}
.mac-open-iframe .layui-layer-refresh::before, .layui-layer-change-url::before {
content: "\f111";
color: #029FFF;
font: normal normal normal 1rem/1 FontAwesome;
}
.mac-open-iframe .layui-layer-refresh:hover::before, .layui-layer-change-url:hover::before {
content: "\f192";
color: #029FFF;
font: normal normal normal 1rem/1 FontAwesome;
#mac .img-loader {
display: none;
}
/*右键菜单*/

2
css/index.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
demo.html
View File

@ -11,7 +11,7 @@
<link rel='Shortcut Icon' type='image/x-icon' href='./favicon.ico'>
<link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/animate.css/4.1.1/animate.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/index.min.css">
<link rel="stylesheet" href="./plugins/shortcut-drawer/shortcut-drawer.min.css">
</head>

BIN
img/frame/assets.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 40 KiB

BIN
img/frame/icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 17 KiB

BIN
img/frame/maximize.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
img/frame/maximize1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
img/frame/unmaximize.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
img/frame/unmaximize1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

4
index.html
View File

@ -11,7 +11,7 @@
<link rel='Shortcut Icon' type='image/x-icon' href='./favicon.ico'>
<link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/animate.css/4.1.1/animate.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/index.min.css">
<link rel="stylesheet" href="./plugins/shortcut-drawer/shortcut-drawer.min.css">
</head>
@ -147,7 +147,7 @@
<script type="text/javascript"
src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/layer/3.5.1/layer.min.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
<script type="text/javascript" src="./js/index.min.js"></script>
<script type="text/javascript" src="./plugins/shortcut-drawer/shortcut-drawer.min.js"></script>
<script>
Macui.onReady(function () {

2
js/index.min.js vendored
View File

File diff suppressed because one or more lines are too long