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

updated 添加banner

Browse Source
This commit is contained in:
PASSER-BY 2022-02-26 01:12:39 +08:00
parent 8f41dfbc40
commit 0f59370c48
2 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -222,7 +222,9 @@
<div class="ft"> <div class="ft">
<div class="banner"> <div class="banner">
<a href="/relationship/vue/" target="_blank"> <a href="/relationship/vue/" target="_blank">
<img src="image/app.png" width="213" alt="亲戚关系APP"/> <span class="picture">
<img src="image/app.png" width="213" alt="亲戚关系APP"/>
</span>
<span class="title">亲戚称呼计算器移动版</span> <span class="title">亲戚称呼计算器移动版</span>
<span class="subtitle">无需下载APP，手机即查即用</span> <span class="subtitle">无需下载APP，手机即查即用</span>
</a> </a>

32
style/index.css
View File

@ -334,6 +334,7 @@ a:hover{
} }
.mod-panel .banner a{ .mod-panel .banner a{
display: block; display: block;
position: relative;
height: 160px; height: 160px;
padding: 10px; padding: 10px;
background: #fcfcfc; background: #fcfcfc;
@ -344,22 +345,26 @@ a:hover{
background: #fffbf5; background: #fffbf5;
} }
.mod-panel .banner img{ .mod-panel .banner img{
float: left;
margin-top: -5px; margin-top: -5px;
margin-left: 30px;
} }
.mod-panel .banner span{ .mod-panel .banner span{
display: block; display: block;
margin-left: 50%;
line-height: 32px; line-height: 32px;
} }
.mod-panel .banner span.picture{
float: left;
width: 40%;
text-align: center;
}
.mod-panel .banner span.title{ .mod-panel .banner span.title{
margin-top: 45px; margin-top: 45px;
margin-left: 50%;
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;
color: #646464; color: #646464;
} }
.mod-panel .banner span.subtitle{ .mod-panel .banner span.subtitle{
margin-left: 50%;
font-size: 18px; font-size: 18px;
} }
.mod-panel .table-inner{ .mod-panel .table-inner{
@ -469,6 +474,27 @@ a:hover{
.mod-panel .btn-3{ .mod-panel .btn-3{
width: 32%; width: 32%;
} }
.mod-panel .banner a{
height: 100px;
}
.mod-panel .banner img{
zoom:0.5;
}
.mod-panel .banner span{
line-height: 24px;
}
.mod-panel .banner span.picture{
width: 35%;
}
.mod-panel .banner span.title{
margin-top: 25px;
margin-left: 40%;
font-size: 18px;
}
.mod-panel .banner span.subtitle{
margin-left: 40%;
font-size: 14px;
}
.mod-qrcode{ .mod-qrcode{
position: static; position: static;