zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: animation of component 'BackToTop'

Browse Source
This commit is contained in:
reco_luan 2019-07-21 09:35:55 +08:00
parent 2824145fdf
commit fe7f61210b
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/BackToTop.vue
View File

@ -23,7 +23,7 @@ export default {
default: function() {
return {
right: '1rem',
bottom: '3rem',
bottom: '6rem',
width: '2.5rem',
height: '2.5rem',
'border-radius': '.25rem',
@ -96,11 +96,12 @@ export default {
}
.fade-enter-active,
.fade-leave-active {
transition: opacity .5s;
transition: all .5s;
}
.fade-enter,
.fade-leave-to {
opacity: 0
transform translateY(120px)
}
.back-to-ceiling .Icon {
fill: #9aaabf;