52 lines
792 B
Vue
52 lines
792 B
Vue
<template>
|
|
<div class="parent" ref="dom">
|
|
<div class="child"></div>
|
|
<tiny-float-button
|
|
:back-top="true"
|
|
:visibility-height="199"
|
|
bottom="-200px"
|
|
right="0"
|
|
trigger=""
|
|
:element="dom"
|
|
:icon="IconDel"
|
|
>
|
|
</tiny-float-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { iconDel } from '@opentiny/vue-icon'
|
|
import { FloatButton as TinyFloatButton } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyFloatButton
|
|
},
|
|
data() {
|
|
return {
|
|
dom: null,
|
|
IconDel: iconDel()
|
|
}
|
|
},
|
|
created() {
|
|
this.dom = this.$refs.dom
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.parent {
|
|
position: relative;
|
|
height: 100px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.child {
|
|
margin-top: 300px;
|
|
}
|
|
|
|
.tiny-float-button {
|
|
position: absolute;
|
|
}
|
|
</style>
|