edu/admin/src/components/footer-btns/index.vue

31 lines
561 B
Vue
Raw Normal View History

2022-04-08 02:42:44 +00:00
<template>
2022-08-12 10:44:09 +00:00
<div class="footer-btns">
2022-09-06 10:42:24 +00:00
<div class="footer-btns__content" :style="fixed ? 'position: fixed' : ''">
2022-08-12 10:44:09 +00:00
<slot></slot>
2022-04-08 02:42:44 +00:00
</div>
</div>
</template>
2022-09-06 10:42:24 +00:00
<script lang="ts" setup>
defineProps({
fixed: {
type: Boolean,
default: true
}
})
2022-04-08 02:42:44 +00:00
</script>
<style scoped lang="scss">
2022-08-12 10:44:09 +00:00
.footer-btns {
2022-04-08 02:42:44 +00:00
height: 60px;
2022-08-12 10:44:09 +00:00
&__content {
2022-04-08 02:42:44 +00:00
bottom: 0;
height: 60px;
right: 0;
2022-08-12 10:44:09 +00:00
left: 0;
2022-04-08 02:42:44 +00:00
z-index: 99;
2022-08-12 10:44:09 +00:00
@apply flex justify-center items-center shadow bg-body;
2022-04-08 02:42:44 +00:00
}
}
</style>