lilishop-ui/manager/src/views/main-components/footer.vue

50 lines
1.0 KiB
Vue
Raw Normal View History

2021-05-13 10:56:04 +08:00
<template>
<div class="foot">
<Row type="flex" justify="space-around" class="help">
<a class="item" href="https://pickmall.com" target="_blank">{{ $t('help') }}</a>
<a class="item" href="https://pickmall.com" target="_blank">{{ $t('privacy') }}</a>
<a class="item" href="https://pickmall.com" target="_blank">{{ $t('terms') }}</a>
</Row>
<Row type="flex" justify="center" class="copyright">
2021-07-08 14:36:05 +08:00
Copyright © {{year}} - Present
2021-05-13 10:56:04 +08:00
<a
2021-06-23 18:08:22 +08:00
href="https://pickmall.cn/"
2021-05-13 10:56:04 +08:00
target="_blank"
style="margin:0 5px;"
>lili-shop</a> {{ $t('rights') }}
</Row>
</div>
</template>
<script>
export default {
2021-07-08 14:36:05 +08:00
data() {
return {
year: new Date().getFullYear()
}
},
2021-05-13 10:56:04 +08:00
};
</script>
<style lang="scss" scoped>
.foot {
position: fixed;
bottom: 4vh;
width: 368px;
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
.help {
margin: 0 auto;
margin-bottom: 1vh;
width: 60%;
.item {
color: rgba(0, 0, 0, 0.45);
}
:hover {
color: rgba(0, 0, 0, 0.65);
}
}
}
</style>