theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[修复] icon 列表样式冲突

Browse Source
This commit is contained in:
就眠仪式 2021-10-08 01:57:06 +08:00
parent 7f638bf307
commit 83d3cfcac5
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/docs/zh-CN/components/animation.md
View File

@ -1,6 +1,7 @@
::: demo ::: demo
<template> <template>
<div class="anim">
<ul class="layui-border-box site-doc-icon site-doc-anim"> <ul class="layui-border-box site-doc-icon site-doc-anim">
<li style="height:auto"> <li style="height:auto">
<div class="layui-anim layui-anim-down">顶部往下滑入</div> <div class="layui-anim layui-anim-down">顶部往下滑入</div>
@ -51,6 +52,7 @@
<div class="code">追加：layui-anim-loop</div> <div class="code">追加：layui-anim-loop</div>
</li> </li>
</ul> </ul>
</div>
</template> </template>
<script> <script>

12
docs/src/styles/markdown.css
View File

@ -241,20 +241,20 @@ table td {
text-align: center; text-align: center;
} }
.site-doc-icon { .anim .site-doc-icon {
margin-bottom: 50px; margin-bottom: 50px;
font-size: 0; font-size: 0;
} }
.site-doc-icon li { .anim .site-doc-icon li {
width: 50%; width: 50%;
} }
.site-doc-anim li { .anim .site-doc-anim li {
height: auto; height: auto;
} }
.site-doc-icon li { .anim .site-doc-icon li {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
width: 16.5%; width: 16.5%;
@ -271,7 +271,7 @@ table td {
-webkit-transition: all .3s; -webkit-transition: all .3s;
} }
.site-doc-icon li .layui-anim { .anim .site-doc-icon li .layui-anim {
width: 125px; width: 125px;
height: 125px; height: 125px;
line-height: 125px; line-height: 125px;
@ -283,6 +283,6 @@ table td {
border-radius: 50%; border-radius: 50%;
} }
.site-doc-icon li .code { .anim .site-doc-icon li .code {
white-space: nowrap; white-space: nowrap;
} }