<template>
    <div :class="bem()">
        <div :class="bem('main')">
            <slot/>
        </div>
    </div>
</template>

<script>
import { componentMixin, createComponentName } from '../_utils/component';

export default {
    name: createComponentName('quick-link'),
    mixins: [componentMixin],
};
</script>

<style lang="less">
@import '../_styles/base.less';

@b: ~'@{prefix}-quick-link';

.@{b} {
    position: fixed;
    bottom: 29vh;
    right: 16px;
    z-index: 10;

    &__main {
        text-align: center;
        width: 60px;
    }
}
// @media screen and (min-width: 1395px) {
//     .@{b} {
//         left: 50%;
//         margin-left: 730px;
//     }
// }
</style>
