60 lines
1.6 KiB
Vue
60 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<footer class="mt-8 items-end pt-48 pb-8 min-h-48 bg">
|
|
<div class="container mx-auto px-4 md:px-0 xl:max-w-screen-xl">
|
|
<div class="grid-cols-4 gird min-h-48">
|
|
<div>
|
|
<div class="flex items-center gap-4">
|
|
<img
|
|
alt=""
|
|
class="h-20 w-20"
|
|
src="~/assets/images/logo/c.png"
|
|
>
|
|
<div
|
|
class="text-4xl leading-7 text-gray-500"
|
|
style="font-family: BaconyScript, sans-serif"
|
|
>
|
|
<p>CantyOni_on's</p>
|
|
<p>Index</p>
|
|
</div>
|
|
</div>
|
|
<p class="mt-20 leading-8 text-gray-500">
|
|
©2024 All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col text-gray-500 md:flex-row">
|
|
<a
|
|
class="mr-4 hover:text-black"
|
|
href="https://beian.miit.gov.cn/"
|
|
target="_blank"
|
|
>苏ICP备2022016243号-1</a>
|
|
<div>
|
|
<img
|
|
alt=""
|
|
class="inline-block w-4 pb-1"
|
|
src="~/assets/images/common/beian.png"
|
|
>
|
|
<a
|
|
class="hover:text-black"
|
|
href="https://beian.mps.gov.cn/#/query/webSearch?code=32050602011641/"
|
|
target="_blank"
|
|
>苏公网安备32050602011641</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
.bg {
|
|
background: url("assets/images/common/footer-bg.svg");
|
|
background-size: 100% auto;
|
|
background-color: white;
|
|
background-repeat: no-repeat;
|
|
}
|
|
</style>
|