mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-13 17:05:47 +08:00
f994101b27
- Update style for sub nav on mobile size - Update content width on `1280 - 1440` to allow auto expansion
26 lines
748 B
Vue
26 lines
748 B
Vue
<script setup lang="ts">
|
|
import { useSidebar } from '../composables/sidebar'
|
|
import { useBackTop } from '../composables/back-top'
|
|
import ToggleSidebarBtn from './subnav/toggle-sidebar-btn.vue'
|
|
defineEmits(['open-menu'])
|
|
|
|
const { hasSidebar } = useSidebar()
|
|
const { shouldShow, scrollToTop } = useBackTop()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="sub-nav py-3 flex items-center">
|
|
<ToggleSidebarBtn v-if="hasSidebar" @click="$emit('open-menu')" />
|
|
<Transition name="shifting">
|
|
<ElButton
|
|
type="text"
|
|
class="height-5"
|
|
size="small"
|
|
:class="{ 'go-back-top': true, show: shouldShow }"
|
|
@click.prevent.stop="scrollToTop"
|
|
>{{ 'Back to top' }}</ElButton
|
|
>
|
|
</Transition>
|
|
</div>
|
|
</template>
|