mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-16 11:44:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Steps: fix style for last step when vertical

Browse Source
This commit is contained in:
Leopoldthecoder
2017-11-02 17:52:23 +08:00
committed by 杨奕
parent 88868eebf7
commit 08b80ca467
4 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
examples/components/side-nav.vue
View File

@@ -3,9 +3,9 @@
width: 100%;
box-sizing: border-box;
padding-right: 30px;
transition: opacity .5s;
&:hover {
opacity: 1 !important;
transition: opacity .3s;
&.is-fade {
transition: opacity 3s;
}
li {
@@ -88,6 +88,7 @@
<div
class="side-nav"
@mouseenter="isFade = false"
:class="{ 'is-fade': isFade }"
:style="navStyle">
<ul>
<li class="nav-item" v-for="item in data">
@@ -167,9 +168,7 @@
if (this.isSmallScreen) {
style.paddingBottom = '60px';
}
if (this.isFade) {
style.opacity = '0.5';
}
style.opacity = this.isFade ? '0.5' : '1';
return style;
},
langConfig() {