zheng/blog-frontEnd
1
0
Fork 0
Code Issues 2 Pull Requests 12 Actions Packages Projects Releases Wiki Activity

手机端布局异常，移除i标签

Browse Source
This commit is contained in:
禾几海
2020-08-08 11:26:53 +08:00
parent 2e1fa1eb6a
commit 670b028384
2 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/view/link/link.component.html
View File

@@ -32,12 +32,7 @@
</div> </div>
<br> <br>
<p style="padding-left: 30px;"> <p style="padding-left: 30px;">
<i class="fa fa-check" style="color: green"></i>原创优先&nbsp; ✔ 原创优先&nbsp;&nbsp;✔ 技术优先&nbsp;&nbsp;❌ 经常宕机&nbsp;&nbsp;❌ 不合法规&nbsp;&nbsp;❌ 插边球站&nbsp;&nbsp;❌ 红标报毒&nbsp;
<i class="fa fa-check" style="color: green"></i>技术优先&nbsp;
<i class="fa fa-close" style="color: red"></i>经常宕机&nbsp;
<i class="fa fa-close" style="color: red"></i>不合法规&nbsp;
<i class="fa fa-close" style="color: red"></i>插边球站&nbsp;
<i class="fa fa-close" style="color: red"></i>红标报毒&nbsp;
</p> </p>
<ul class="placard-content"> <ul class="placard-content">
<li>请确认贵站可正常访问</li> <li>请确认贵站可正常访问</li>

15
src/app/view/link/link.component.less
View File

@@ -165,23 +165,20 @@ i {
border-radius: 4px; border-radius: 4px;
} }
@keyframes hiddenAnimation {
form {
height: 100%;
}
to {
height: 0%;
}
}
@media only screen and ( max-width: 768px ) { @media only screen and ( max-width: 768px ) {
.site-middle, .placard { .site-middle, .placard {
margin-left: 2px; margin-left: 2px;
width: 96%; width: 96%;
} }
.partner-sites{
padding: 0 30px;
}
.partner-sites li { .partner-sites li {
float: left; float: left;
width: 100%; width: 100%;
max-width: 100%;
min-width: 80%;
margin-right: 10px;
} }
} }