<!--
 * @Description:: 站点底部布局
 * @Version: v1.0.0
 * @Author: 舟舟
 * @Date: 2022-07-28 22:16:53
 * @LastEditors: 舟舟
 * @LastEditTime: 2022-07-29 12:33:03
 * @FilePath: /ouicai_web_framework_vite_ep_nolang/src/layouts/backend/components/footer.vue
-->
<template>
 <div class="footerClass">
    <div>
      <div class="global-footer-copyright">©CopyRight 2022  {{ siteConfig.site_name }}</div>
    </div>
  </div>
</template>

<script  lang="ts">
import { defineComponent, ref, reactive, toRefs } from 'vue'
import { useSiteConfig } from '/@/stores/siteConfig'
export default defineComponent({
    name: 'layout/footer',
    setup() {
        const data = reactive({})
        const siteConfig = useSiteConfig()
        return {
            ...toRefs(data),
            siteConfig
        }
    },
})
</script>

<style scoped lang="scss">
.footerClass {
    margin: 20px 0 0px 0;
    padding: 21px 15px 20px;
    text-align: left;
    flex: 0 0 auto;
    position: relative;
    background-color: #fff;
    //border-top-left-radius: 20px;

    .global-footer-links {
        margin-bottom: 8px;
    }

    .global-footer-copyright {
        color: #808695;
        font-size: 14px;
    }

    .global-footer-links a {
        font-size: 14px;
        color: #808695;
        //-webkit-transition: all .2s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-decoration: none;
        margin: 8px;
    }

    .global-footer-links a:hover {
        color: #616469;
    }

    .buy-btn {
        margin-left: 10px;
    }
}

@media (max-width: 768px) {
    .footerClass {
        padding: 0 12px;
        border-radius: 0;
    }
}
</style>
