tiny-vue/examples/sites/demos/pc/app/float-button/icon.vue

32 lines
509 B
Vue

<template>
<div class="parent">
<tiny-float-button bottom="-15px" right="100px" trigger="" :icon="IconDel"> </tiny-float-button>
</div>
</template>
<script>
import { FloatButton as TinyFloatButton } from '@opentiny/vue'
import { iconDel } from '@opentiny/vue-icon'
export default {
components: {
TinyFloatButton
},
data() {
return {
IconDel: iconDel()
}
}
}
</script>
<style scoped>
.parent {
position: relative;
}
.tiny-float-button {
position: absolute;
}
</style>