'代码格式化'
This commit is contained in:
parent
5069a4d1df
commit
cbc5c18291
|
@ -10,6 +10,7 @@
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'BackToTop',
|
name: 'BackToTop',
|
||||||
|
@ -30,7 +31,7 @@ export default {
|
||||||
width: '40px',
|
width: '40px',
|
||||||
height: '40px',
|
height: '40px',
|
||||||
'border-radius': '4px',
|
'border-radius': '4px',
|
||||||
'line-height': '40px',
|
'line-height': '45px',
|
||||||
background: '#e7eaf1'
|
background: '#e7eaf1'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -38,7 +39,6 @@ export default {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'fade'
|
default: 'fade'
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -80,6 +80,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.back-to-top {
|
.back-to-top {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -107,5 +108,3 @@ export default {
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,8 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="components-container">
|
<div class="components-container">
|
||||||
<code>页面滚动到指定位置会在右下角出现返回顶部按钮</code>
|
<code>页面滚动到指定位置会在右下角出现返回顶部按钮</code>
|
||||||
<code>可自定义按钮的样式、show/hide临界点、返回的位置
|
<code>可自定义按钮的样式、show/hide临界点、返回的位置 如需文字提示,可在外部使用Element的el-tooltip元素 </code>
|
||||||
如需文字提示,可在外部使用Element的el-tooltip元素 </code>
|
|
||||||
<div>我是占位</div>
|
<div>我是占位</div>
|
||||||
<div>我是占位</div>
|
<div>我是占位</div>
|
||||||
<div>我是占位</div>
|
<div>我是占位</div>
|
||||||
|
@ -134,6 +133,7 @@
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import BackToTop from 'components/BackToTop';
|
import BackToTop from 'components/BackToTop';
|
||||||
export default {
|
export default {
|
||||||
|
@ -146,13 +146,10 @@ export default {
|
||||||
width: '40px',
|
width: '40px',
|
||||||
height: '40px',
|
height: '40px',
|
||||||
'border-radius': '4px',
|
'border-radius': '4px',
|
||||||
'line-height': '40px', // 请保持与高度一致以垂直居中
|
'line-height': '45px', // 请保持与高度一致以垂直居中
|
||||||
background: '#e7eaf1'// 按钮的背景颜色
|
background: '#e7eaf1'// 按钮的背景颜色
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
Loading…
Reference in New Issue