|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<transition :name="transitionName">
|
|
|
|
|
<div class="back-to-top" @click="backToTop" v-show="visible" :style="customStyle">
|
|
|
|
|
<div class="back-to-ceiling" @click="backToTop" v-show="visible" :style="customStyle">
|
|
|
|
|
<svg width="16" height="16" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg" class="Icon Icon--backToTopArrow" aria-hidden="true" style="height: 16px; width: 16px;">
|
|
|
|
|
<title>回到顶部</title>
|
|
|
|
|
<g>
|
|
|
|
@ -82,14 +82,14 @@ export default {
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.back-to-top {
|
|
|
|
|
.back-to-ceiling {
|
|
|
|
|
position: fixed;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
text-align: center;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.back-to-top:hover {
|
|
|
|
|
.back-to-ceiling:hover {
|
|
|
|
|
background: #d5dbe7;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -103,7 +103,7 @@ export default {
|
|
|
|
|
opacity: 0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.back-to-top .Icon {
|
|
|
|
|
.back-to-ceiling .Icon {
|
|
|
|
|
fill: #9aaabf;
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
|
|
|
|