<!--
 * @Author: your name
 * @Date: 2021-01-27 10:07:42
 * @LastEditTime: 2023-01-13 16:22:01
 * @LastEditors: fzq
 * @Description: In User Settings Edit
 * @FilePath: \mt-bus-fe\src\layout\components\FooterBar.vue
-->
<template>
  <div v-if="this.$route.meta.hiddenSiderbar !== true" :class="[$store.state.sidebarFold == true ? 'footerbar' : 'footerbar2']">
    © {{ $t('copyright') }}
  </div>
</template>

<script>

export default {
  components: {},
  computed: {},
  watch: {},
  methods: {}
}
</script>

<style lang="scss">
.footerbar{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 20px;
  // line-height: 50px;
  // text-indent: 2em;
  // background: #fff;
  // z-index: 999;
  // box-shadow: 2px -2px 2px rgba($color: #000000, $alpha: .1);
  text-align: center;
  font-size: 12px;
  color: #C7C7C7;
  margin: 5px 0;
}
.footerbar2{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 20px;
  // line-height: 50px;
  // text-indent: 2em;
  // background: #fff;
  // z-index: 999;
  // box-shadow: 2px -2px 2px rgba($color: #000000, $alpha: .1);
  left: 50vw;
  font-size: 12px;
  color: #C7C7C7;
  margin: 5px 0;
}
</style>
