mirror of https://github.com/1099438829/macUI.git
parent
f8d2f43201
commit
705391034b
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Calculator</title>
|
<title>Calculator</title>
|
||||||
<link rel="stylesheet" href="./style.css">
|
<link rel="stylesheet" href="./index.min.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
@ -49,6 +49,6 @@
|
||||||
src="https://code.jquery.com/jquery-3.5.0.min.js"
|
src="https://code.jquery.com/jquery-3.5.0.min.js"
|
||||||
integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
|
integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
|
||||||
crossorigin="anonymous"></script>
|
crossorigin="anonymous"></script>
|
||||||
<script src="./index.js"></script>
|
<script src="./index.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
@charset "utf-8";a,body,div,em,h1,h2,h3,h4,h5,h6,li,p,ul{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}html{height:100%}ul{list-style:none;padding:0;margin:0}body{padding:0;margin:0;width:100%;background-color:#000;overflow:hidden}.container{background-color:#000;width:350px;padding:20px}.screen-box{text-align:right;color:#fff}.input-box{font-size:30px;height:40px;line-height:40px;overflow:hidden}.output-box{font-size:48px;height:56px;line-height:56px;overflow:hidden}.line{display:flex;justify-content:space-between;text-align:center;margin-bottom:10px}.line>div{width:80px;height:80px;line-height:80px;text-align:center;color:#fff;border-radius:80px;font-size:25px;cursor:pointer}[data-key="0"]{width:168px!important}.grey-white{background-color:#a5a5a5;color:#000}.grey-white:hover{background-color:#cccaca}.orange{background-color:#ff9f0c;color:#fff}.orange:hover{background-color:#ffbb54}.grey-black{background-color:#333;color:#fff}.grey-black:hover{background-color:#747373}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
var inputTxt="",outputTxt="";function playSoud(){$("audio")[0].play()}function updateView(){$(".input-box").html(inputTxt),$(".output-box").html(outputTxt)}$(".line-item").on("click",e=>{playSoud();var key=e.target.dataset.key;switch(console.log(key),key){case"=":try{outputTxt=eval(inputTxt)}catch(e){outputTxt="error"}break;case"AC":inputTxt="",outputTxt="0";break;default:inputTxt+=key}updateView()});
|
||||||
|
|
@ -102,8 +102,12 @@ a:focus {
|
||||||
background: #f6f6f6
|
background: #f6f6f6
|
||||||
}
|
}
|
||||||
|
|
||||||
.finder-wrapper .topbar .sortstyle-box {
|
.finder-wrapper .topbar .btn {
|
||||||
float: left;
|
float: left;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.finder-wrapper .topbar .sortstyle-box {
|
||||||
margin-left: 105px;
|
margin-left: 105px;
|
||||||
width: 58px;
|
width: 58px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -112,7 +116,6 @@ a:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.finder-wrapper .topbar .config-button {
|
.finder-wrapper .topbar .config-button {
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -121,7 +124,6 @@ a:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.finder-wrapper .topbar .higher-button {
|
.finder-wrapper .topbar .higher-button {
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -130,7 +132,6 @@ a:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.finder-wrapper .topbar .collection-button {
|
.finder-wrapper .topbar .collection-button {
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -140,7 +141,7 @@ a:focus {
|
||||||
|
|
||||||
.finder-wrapper .topbar .search-box {
|
.finder-wrapper .topbar .search-box {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 2px;
|
margin-top: 3px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
width: 234px;
|
width: 234px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
@ -199,8 +200,6 @@ a:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
.finder-wrapper .topbar .next-prev-box {
|
.finder-wrapper .topbar .next-prev-box {
|
||||||
float: left;
|
|
||||||
margin-top: 2px;
|
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
width: 53px;
|
width: 53px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,22 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="zh-cn">
|
<html lang="zh-cn">
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.min.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="finder-wrapper" id="finder">
|
<div class="finder-wrapper" id="finder">
|
||||||
<div class="topbar">
|
<div class="topbar">
|
||||||
<div class="next-prev-box">
|
<div class="btn next-prev-box">
|
||||||
<div onclick="prev()" class="prev"></div>
|
<div onclick="prev()" class="prev"></div>
|
||||||
<div onclick="next()" class="next"></div>
|
<div onclick="next()" class="next"></div>
|
||||||
<input type="hidden" class="pathHistory" value="root" />
|
<input type="hidden" class="pathHistory" value="root" />
|
||||||
<input type="hidden" class="currentPath" />
|
<input type="hidden" class="currentPath" />
|
||||||
</div>
|
</div>
|
||||||
<!--<div class="sortstyle-box"></div>-->
|
<div class="btn sortstyle-box"></div>
|
||||||
<!--<div class="config-button"></div>
|
<div class="btn config-button"></div>
|
||||||
<div class="higher-button"></div>
|
<div class="btn higher-button"></div>
|
||||||
<div class="collection-button"></div>-->
|
<div class="btn collection-button"></div>
|
||||||
<div class="search-box"></div>
|
<div class="btn search-box"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<div class="sidebar" app-path="public/user/administrator/home/"></div>
|
<div class="sidebar" app-path="public/user/administrator/home/"></div>
|
||||||
|
|
@ -28,5 +28,5 @@
|
||||||
</body>
|
</body>
|
||||||
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
|
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
|
||||||
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
|
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
|
||||||
<script type="text/javascript" src="js/main.js"></script>
|
<script type="text/javascript" src="js/index.min.js"></script>
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue