docker/relationship
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:mumuy/relationship

Browse Source
This commit is contained in:
mumuy 2022-02-25 21:12:00 +08:00
commit dc20a43aca
2 changed files with 65 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@ -30,8 +30,11 @@
<div class="mod-head"> <div class="mod-head">
<div class="hd"><span class="tag">开源算法</span></div> <div class="hd"><span class="tag">开源算法</span></div>
<div class="bd"> <div class="bd">
<a class="btn btn-blue" href="/relationship/vue/" target="_blank">手机版</a> <a class="btn" href="/relationship/vue/" target="_blank">手机版</a>
<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank">Github</a> <a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank" title="Github">
<svg aria-hidden="true" class="octicon" height="20" title="GitHub " version="1.1" viewBox="0 0 16 16" width="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>
<span>Github</span>
</a>
<a class="btn" href="/">返回首页</a> <a class="btn" href="/">返回首页</a>
</div> </div>
</div> </div>
@ -95,7 +98,6 @@
</div> </div>
<div class="operation"> <div class="operation">
<div class="row"> <div class="row">
<p>快速选择：</p>
<p> <p>
<span> <span>
<button class="btn btn-small" data-value="爸爸">父</button> <button class="btn btn-small" data-value="爸爸">父</button>
@ -120,9 +122,9 @@
</p> </p>
</div> </div>
<div class="row"> <div class="row">
<button class="btn btn-orange">回退</button> <button class="btn btn-3 btn-orange">回退</button>
<button class="btn btn-red">清空</button> <button class="btn btn-3 btn-red">清空</button>
<button class="btn btn-green">计算</button> <button class="btn btn-3 btn-green">计算</button>
</div> </div>
</div> </div>
<div class="row"> <div class="row">

97
style/index.css
View File

@ -6,7 +6,7 @@ body{
height: 100%; height: 100%;
font-size: 14px; font-size: 14px;
font-family: Arial,Helvetica,"Microsoft Yahei"; font-family: Arial,Helvetica,"Microsoft Yahei";
color:#757575; color: rgb(110, 119, 129);
} }
button, input { button, input {
font-family: Arial,Helvetica,"Microsoft Yahei"; font-family: Arial,Helvetica,"Microsoft Yahei";
@ -16,7 +16,7 @@ img{
} }
a{ a{
text-decoration: none; text-decoration: none;
color: #757575; color: rgb(110, 119, 129);
} }
a:hover{ a:hover{
text-decoration: underline; text-decoration: underline;
@ -55,39 +55,54 @@ a:hover{
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.mod-head .bd{ .mod-head .bd{
padding: 10px; height: 36px;
line-height: 30px; padding: 10px 10px 0;
margin-bottom: 5px;
text-align: right; text-align: right;
} }
.mod-head .btn{ .mod-head .btn{
position: relative; position: relative;
display: inline-block; display: inline-block;
min-width: 80px; min-width: 56px;
height: 30px; height: 34px;
background: #fff;
padding: 0 12px; padding: 0 12px;
border: medium none; border: 1px solid #ececec;
background: #eee; border-radius: 6px;
line-height: 30px; line-height: 32px;
text-align: center;
font-family: Tahoma,Arial, Helvetica,"Microsoft YaHei";
font-size: 15px;
color: #333;
cursor: pointer;
text-decoration: none; text-decoration: none;
border-radius: 3px; text-align: center;
box-sizing: border-box; font-size: 14px;
color: #333;
overflow: hidden;
transition: color .2s,opacity .2s;
font-family: Tahoma,Arial, Helvetica,"Microsoft YaHei";
outline: none; outline: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
.mod-head .btn:hover{ .mod-head .btn:after {
background: #e4e4e4; content: " ";
position: absolute;
width: 100%;
height: 100%;
background: #000;
left: 0;
top: 0;
opacity: 0;
transition: opacity .2s;
border-radius: 6px;
overflow: hidden;
pointer-events: none;
} }
.mod-head .btn-blue{ .mod-head .btn span,.mod-head .btn svg{
background: #2095f2; vertical-align: middle;
color: #fff;
} }
.mod-head .btn-blue:hover { .mod-head .btn:hover {
background: #207fcc; color: #000;
opacity: 1;
}
.mod-head .btn:hover:after {
opacity: .02;
} }
.mod-panel { .mod-panel {
@ -95,9 +110,8 @@ a:hover{
} }
.mod-panel h1{ .mod-panel h1{
line-height: 32px; line-height: 32px;
font-weight: 500; font-size: 22px;
font-size: 22px; color:#212121;
color:#333;
} }
.mod-panel h2{ .mod-panel h2{
line-height: 30px; line-height: 30px;
@ -111,8 +125,9 @@ a:hover{
} }
.mod-panel .hd{ .mod-panel .hd{
padding: 10px 0; padding: 10px 0;
margin-bottom: 5px;
line-height: 22px; line-height: 22px;
text-align: center; text-align: left;
} }
.mod-panel .hd b{ .mod-panel .hd b{
margin: 0 3px; margin: 0 3px;
@ -121,7 +136,7 @@ a:hover{
.mod-panel .bd .c-hd{ .mod-panel .bd .c-hd{
height: 36px; height: 36px;
margin-bottom: 10px; margin-bottom: 10px;
border-bottom: 1px solid #e2e2e2; border-bottom: 1px solid #f0f0f0;
} }
.mod-panel .bd .c-hd li{ .mod-panel .bd .c-hd li{
float: left; float: left;
@ -180,7 +195,7 @@ a:hover{
width: 100%; width: 100%;
height: 30px; height: 30px;
background: #fafafa; background: #fafafa;
border: 1px solid #e8e8e8; border: 1px solid #ebebeb;
padding: 5px 10px; padding: 5px 10px;
box-sizing: border-box; box-sizing: border-box;
line-height: 20px; line-height: 20px;
@ -193,7 +208,7 @@ a:hover{
.mod-panel .bd .btn { .mod-panel .bd .btn {
height: 32px; height: 32px;
min-width: 90px; min-width: 90px;
background: #eeeeee; background: #f0f0f0;
border: medium none; border: medium none;
line-height: 30px; line-height: 30px;
vertical-align: middle; vertical-align: middle;
@ -240,8 +255,8 @@ a:hover{
width: 100%; width: 100%;
height: 120px; height: 120px;
padding:5px 10px; padding:5px 10px;
background: #fafafa; background: #fafafa;
border: 1px solid #e9e9e9; border: 1px solid #ebebeb;
box-sizing: border-box; box-sizing: border-box;
border-radius: 5px; border-radius: 5px;
resize: none; resize: none;
@ -284,29 +299,28 @@ a:hover{
color: #fd7474; color: #fd7474;
} }
.mod-panel .intro,.mod-panel .article{ .mod-panel .intro,.mod-panel .article{
padding: 10px 20px; padding: 15px 20px;
margin: 10px 0; margin: 10px 0;
background: rgb(246, 248, 250); background: rgb(246, 248, 250);
border-radius: 6px; border-radius: 6px;
color: rgb(110, 119, 129);
} }
.mod-panel .intro h3{ .mod-panel .intro h3{
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: rgba(36, 41, 47, 0.8); color: #646464;
} }
.mod-panel .intro p{ .mod-panel .intro p{
line-height: 22px; line-height: 22px;
} }
.mod-panel .article p{
line-height: 22px;
text-indent: 2em;
}
.mod-panel .intro p.q{ .mod-panel .intro p.q{
margin-top: 10px; margin-top: 10px;
font-weight: bold; font-weight: bold;
color: rgba(36, 41, 47, 0.8); color: #646464;
}
.mod-panel .article p{
line-height: 22px;
text-indent: 2em;
} }
.mod-panel .table-inner{ .mod-panel .table-inner{
overflow-x: auto; overflow-x: auto;
@ -411,6 +425,9 @@ a:hover{
margin-bottom: 5px; margin-bottom: 5px;
line-height: 24px; line-height: 24px;
} }
.mod-panel .btn-3{
width: 32%;
}
.mod-qrcode{ .mod-qrcode{
position: static; position: static;