72 lines
1.5 KiB
Vue
72 lines
1.5 KiB
Vue
<template>
|
||
<div class="development-page">
|
||
<div class="page-header">
|
||
<h1>AI知识库</h1>
|
||
<p>构建和管理AI知识库</p>
|
||
</div>
|
||
|
||
<div class="development-notice">
|
||
<div class="notice-icon">
|
||
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#1890ff" stroke-width="2" stroke-linejoin="round"/>
|
||
<path d="M2 17L12 22L22 17" stroke="#1890ff" stroke-width="2" stroke-linejoin="round"/>
|
||
<path d="M2 12L12 17L22 12" stroke="#1890ff" stroke-width="2" stroke-linejoin="round"/>
|
||
</svg>
|
||
</div>
|
||
<h2>功能开发中</h2>
|
||
<p>AI知识库功能正在紧张开发中，敬请期待！</p>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
// AI知识库页面
|
||
</script>
|
||
|
||
<style scoped>
|
||
.development-page {
|
||
padding: 24px;
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.page-header {
|
||
text-align: center;
|
||
margin-bottom: 48px;
|
||
}
|
||
|
||
.page-header h1 {
|
||
font-size: 32px;
|
||
color: #1890ff;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.page-header p {
|
||
font-size: 16px;
|
||
color: #666;
|
||
}
|
||
|
||
.development-notice {
|
||
text-align: center;
|
||
padding: 48px 24px;
|
||
background: linear-gradient(135deg, #f0f9ff 0%, #e6f7ff 100%);
|
||
border-radius: 12px;
|
||
border: 1px solid #91d5ff;
|
||
}
|
||
|
||
.notice-icon {
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.development-notice h2 {
|
||
font-size: 24px;
|
||
color: #1890ff;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.development-notice p {
|
||
font-size: 16px;
|
||
color: #666;
|
||
}
|
||
</style>
|