搜索结果列表页面开发
This commit is contained in:
付民康
101
src/components/Footer/index.vue
Normal file
101
src/components/Footer/index.vue
Normal file
@@ -0,0 +1,101 @@
|
||||
<template>
|
||||
<div class="g-footer" v-if="!isMobile">
|
||||
<div class="g-footer-slogon">
|
||||
<img :src="GitcodeLogo" class="w-[20px] h-[20px]" />
|
||||
<span>{{ slogon }}</span>
|
||||
</div>
|
||||
<div class="g-footer-info">
|
||||
<div class="g-footer-info-copyright">
|
||||
© {{ copyright.digest }}
|
||||
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
|
||||
{{ copyright.icp }}
|
||||
</a>
|
||||
<!-- <a :href="`https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=${copyright.beian}`" target="_blank">
|
||||
公安备案号{{ copyright.beian }}
|
||||
</a> -->
|
||||
</div>
|
||||
<div class="g-footer-info-support">
|
||||
<div>技术支持:</div>
|
||||
<a href="https://www.huaweicloud.com/" target="_blank">华为云</a>
|
||||
<a href="https://csdn.net" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="10" viewBox="0 0 36 10">
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M12.7732 3.50912C13.1002 3.60133 13.4707 3.70604 13.844 3.83371C14.966 4.21675 15.6977 4.63085 16.1455 5.13616C16.6356 5.68841 16.8062 6.37341 16.6681 7.23067C16.4833 8.37876 15.702 9.69032 13.1012 9.69066C12.8989 9.69066 12.6861 9.68221 12.4611 9.666C10.6115 9.52988 9.61238 8.7601 9.10066 8.13826C8.92535 7.92547 8.84632 7.65255 8.88381 7.38841C8.92096 7.12495 9.07127 6.8956 9.29589 6.75982L9.431 6.67842C9.54179 6.61154 9.6796 6.59533 9.80862 6.63383C9.93664 6.67301 10.0464 6.76354 10.1092 6.88243C10.3501 7.33876 10.9847 8.1207 12.528 8.23453C14.0105 8.3443 14.9316 7.92749 15.0552 7.09286C15.1772 6.26803 15.1282 5.72827 13.4177 5.19223C13.0603 5.08009 12.7381 4.98011 12.4166 4.88925L12.4162 4.88915C11.2344 4.5551 9.6161 4.09769 9.71168 2.50661C9.75019 1.86147 10.1819 1.18762 10.8662 0.703593C11.5937 0.189168 12.5023 -0.057067 13.4248 0.0111627C14.5901 0.0969564 15.4068 0.658331 15.8865 1.11331C16.0901 1.30685 16.2043 1.57335 16.1996 1.84492C16.1945 2.11547 16.0726 2.3634 15.8642 2.52654L15.7743 2.59646C15.6733 2.67516 15.5403 2.70725 15.4102 2.68394C15.2798 2.66097 15.1613 2.58464 15.0846 2.47419C14.7999 2.06548 14.1865 1.36934 13.2765 1.30246C12.0214 1.21025 11.2806 1.94591 11.2482 2.48972C11.2323 2.75893 11.3907 3.11831 12.7732 3.50912ZM7.3686 7.15177C7.49459 7.14907 7.62497 7.19906 7.72022 7.28958L7.79352 7.35882C8.00125 7.55541 8.11474 7.82731 8.10528 8.10496C8.09515 8.38126 7.96443 8.63087 7.74522 8.78861C7.17911 9.19697 6.15972 9.68437 4.51444 9.68437C3.11202 9.68437 1.95279 9.27398 1.16139 8.49745C0.424714 7.77496 0.0237797 6.74746 0.00114911 5.52473C-0.0272236 4.00104 0.47065 2.59187 1.40256 1.5566C2.28955 0.570984 3.50248 0.00656902 4.73028 0.00656902C5.91247 0.00656902 6.74339 0.488568 7.23248 0.893555C7.43481 1.06143 7.56248 1.29381 7.59187 1.54849C7.62058 1.80081 7.54897 2.04333 7.38954 2.23079L7.31186 2.32266C7.22708 2.42298 7.10176 2.4831 6.96632 2.47973C6.83121 2.47905 6.69982 2.42095 6.60457 2.31996C6.33097 2.02948 5.59092 1.3536 4.63806 1.3536C2.64285 1.3536 1.48937 3.45994 1.5272 5.49669C1.54341 6.37523 1.78998 7.05483 2.26016 7.51589C2.75499 8.00126 3.49876 8.24784 4.47087 8.24784C4.99475 8.24784 6.29348 8.15562 7.03894 7.30275C7.12203 7.20784 7.23924 7.1538 7.3686 7.15177ZM24.8133 4.54357C24.8383 5.91729 24.4525 6.91878 23.6662 7.52001C22.4124 8.47826 20.5317 8.36376 19.6508 8.24216C19.5511 8.22831 19.4778 8.1361 19.487 8.03713L20.0821 1.66441C20.0889 1.59112 20.1406 1.531 20.2115 1.51377C21.7105 1.15168 22.8768 1.26145 23.6787 1.84039C24.3671 2.33793 24.7913 3.3482 24.8133 4.54357ZM24.6593 0.829108C23.7618 0.18194 22.5701 -0.0859126 21.1194 0.0316316C20.0517 0.118439 19.2083 0.395748 19.1168 0.426823L19.108 0.429525C18.857 0.514306 18.6858 0.732506 18.6618 0.998669L17.9565 8.79948C17.9356 9.03457 18.0943 9.2602 18.3267 9.32404L18.5348 9.38079C18.5439 9.38349 19.5116 9.63682 20.8022 9.68005C20.9103 9.68377 21.0174 9.68579 21.1231 9.68579C22.5806 9.68579 23.7702 9.34127 24.663 8.66032C25.8094 7.78583 26.3738 6.40976 26.3403 4.57228C26.3089 2.86992 25.7435 1.61071 24.6593 0.829108ZM32.5315 0.0491281C33.7587 0.0491281 34.6909 0.397032 35.3029 1.08304C36.1203 1.99942 35.9957 3.16101 35.99 3.21032L35.4772 9.03518C35.4468 9.38072 35.1604 9.64148 34.8111 9.64148H34.3558C34.2521 9.64148 34.1511 9.59655 34.0785 9.51819C34.0059 9.43949 33.9698 9.33579 33.9785 9.23244L34.5153 3.02185C34.5159 3.01408 34.5673 2.42906 34.1924 2.01428C33.9157 1.7086 33.2902 1.35123 32.438 1.35123C30.5637 1.35123 29.7368 3.07522 29.4112 4.10305C29.3491 4.29795 29.3075 4.50567 29.2873 4.72083L28.8569 9.33444C28.8407 9.50941 28.6951 9.64148 28.5178 9.64148H27.9379C27.8007 9.64148 27.6676 9.58237 27.5717 9.47901C27.4761 9.37599 27.4278 9.23885 27.439 9.10307L28.0814 1.35495C28.1196 0.893217 28.4996 0.545313 28.9654 0.545313H29.2612C29.3659 0.545313 29.4673 0.590237 29.5399 0.669275C29.6122 0.748651 29.6483 0.853022 29.6385 0.95638L29.6115 1.24788C30.4309 0.461546 31.4311 0.0491281 32.5315 0.0491281Z"
|
||||
fill="#9A9B9C"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-6 pt-[40px] flex justify-center items-center space-x-4 g-footer-box" v-if="isMobile">
|
||||
<GAvatar :src="GitcodeLogo" name="GitcodeLogo" :width="24" :height="24"></GAvatar>
|
||||
<p class="text-[#9a9b9c]">© {{ copyright.digest }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import setting from '@/setting';
|
||||
|
||||
import GitcodeLogo from '@/assets/imgs/logo/gitcode-ico.png';
|
||||
import { usePageResize } from '@/utils/hooks/usePageResize';
|
||||
|
||||
const { slogon, copyright } = setting;
|
||||
const { isMobile } = usePageResize();
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import 'devui-theme/styles-var/devui-var.scss';
|
||||
|
||||
.g-footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 25px;
|
||||
padding-top: 88px;
|
||||
padding-bottom: 25px;
|
||||
&-slogon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
color: #7e7e80;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
:deep(.devui-avatar) {
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
&-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
color: $devui-text-weak;
|
||||
color: #9a9b9c;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
&-support {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
& > div {
|
||||
margin-right: -4px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: #9a9b9c;
|
||||
margin-left: 4px;
|
||||
&:hover {
|
||||
color: $devui-link-active;
|
||||
svg,
|
||||
path {
|
||||
fill: $devui-link-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user