77 lines
2.0 KiB
Vue
77 lines
2.0 KiB
Vue
|
<template>
|
|||
|
|
<n-modal v-model:show="modelShow" @afterLeave="closeHandle">
|
|||
|
|
<n-list bordered class="go-system-info">
|
|||
|
|
<template #header>
|
|||
|
|
<n-space justify="space-between">
|
|||
|
|
<n-h3 class="go-mb-0">关于我们</n-h3>
|
|||
|
|
<n-icon size="20" class="go-cursor-pointer" @click="closeHandle">
|
|||
|
|
<close-icon></close-icon>
|
|||
|
|
</n-icon>
|
|||
|
|
</n-space>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<n-list-item>
|
|||
|
|
<n-space :size="20">
|
|||
|
|
<n-text class="item-left">版权声明：</n-text>
|
|||
|
|
<n-text>
|
|||
|
|
GoView 版权属于
|
|||
|
|
<n-a href="https://gitee.com/MTrun/go-view" target="_blank">https://gitee.com/MTrun/go-view</n-a> 项目作者
|
|||
|
|
</n-text>
|
|||
|
|
</n-space>
|
|||
|
|
</n-list-item>
|
|||
|
|
|
|||
|
|
<n-list-item>
|
|||
|
|
<n-divider style="margin-top: 0" />
|
|||
|
|
<n-space :size="20">
|
|||
|
|
<n-text class="item-left">协议备注：</n-text>
|
|||
|
|
<n-text>
|
|||
|
|
请遵守开源 MIT 协议，以上声明 <n-text type="error">不可删除</n-text>，否则视作侵权行为，后果自负！
|
|||
|
|
</n-text>
|
|||
|
|
</n-space>
|
|||
|
|
</n-list-item>
|
|||
|
|
|
|||
|
|
<n-list-item>
|
|||
|
|
<n-divider style="margin-top: 0" />
|
|||
|
|
<n-space :size="20">
|
|||
|
|
<n-text class="item-left">商业授权：</n-text>
|
|||
|
|
<n-text>
|
|||
|
|
若不想保留版权声明，请通过仓库/交流群 联系项目作者，进行授权
|
|||
|
|
</n-text>
|
|||
|
|
</n-space>
|
|||
|
|
</n-list-item>
|
|||
|
|
</n-list>
|
|||
|
|
</n-modal>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script lang="ts" setup>
|
|||
|
|
import { icon } from '@/plugins'
|
|||
|
|
|
|||
|
|
const { HelpOutlineIcon, CloseIcon } = icon.ionicons5
|
|||
|
|
const emit = defineEmits(['update:modelShow'])
|
|||
|
|
|
|||
|
|
defineProps({
|
|||
|
|
modelShow: Boolean
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const closeHandle = () => {
|
|||
|
|
emit('update:modelShow', false)
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
@include go('system-info') {
|
|||
|
|
@extend .go-background-filter;
|
|||
|
|
min-width: 100px;
|
|||
|
|
max-width: 60vw;
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
.item-left {
|
|||
|
|
width: 200px;
|
|||
|
|
}
|
|||
|
|
@include deep() {
|
|||
|
|
.n-list-item:not(:last-child) {
|
|||
|
|
border-bottom: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|