|
@@ -14,62 +14,6 @@
|
|
|
</el-carousel-item>
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
</el-carousel>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
- <!-- 下半部分：原有内容 -->
|
|
|
|
|
- <div class="construction-container">
|
|
|
|
|
- <div class="construction-content">
|
|
|
|
|
- <!-- 系统标题 -->
|
|
|
|
|
- <h1 class="system-title">杭州第一技师学院智慧校园管理系统</h1>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 待建设图标 -->
|
|
|
|
|
- <div class="construction-icon">
|
|
|
|
|
- <el-icon :size="120" color="#409EFF">
|
|
|
|
|
- <Tools />
|
|
|
|
|
- </el-icon>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 待建设提示 -->
|
|
|
|
|
- <div class="construction-text">
|
|
|
|
|
- <h2>页面建设中</h2>
|
|
|
|
|
- <p class="description">我们正在努力完善系统功能，请耐心等待...</p>
|
|
|
|
|
- <p class="sub-description">如有紧急需求，请联系系统管理员</p>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 进度条 -->
|
|
|
|
|
- <div class="progress-section">
|
|
|
|
|
- <p class="progress-label">建设进度</p>
|
|
|
|
|
- <el-progress :percentage="75" :stroke-width="15" :text-inside="true" status="success" class="progress-bar" />
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 预计完成时间 -->
|
|
|
|
|
- <div class="completion-info">
|
|
|
|
|
- <el-tag type="info" size="large">
|
|
|
|
|
- <el-icon class="tag-icon"><Calendar /></el-icon>
|
|
|
|
|
- 预计完成时间：{{ expectedDate }}
|
|
|
|
|
- </el-tag>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 联系信息 -->
|
|
|
|
|
- <div class="contact-section">
|
|
|
|
|
- <el-card class="contact-card" shadow="hover">
|
|
|
|
|
- <template #header>
|
|
|
|
|
- <div class="card-header">
|
|
|
|
|
- <el-icon><Service /></el-icon>
|
|
|
|
|
- <span>联系我们</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- <div class="contact-content">
|
|
|
|
|
- <p>
|
|
|
|
|
- <el-icon><Phone /></el-icon> 技术支持：0571-XXXXXXX
|
|
|
|
|
- </p>
|
|
|
|
|
- <p>
|
|
|
|
|
- <el-icon><Message /></el-icon> 邮箱：support@hzdyjs.edu.cn
|
|
|
|
|
- </p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-card>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -81,18 +25,15 @@ import { Tools, Calendar, Service, Phone, Message } from '@element-plus/icons-vu
|
|
|
const campusImages = [
|
|
const campusImages = [
|
|
|
{
|
|
{
|
|
|
url: '/assets/images/01.jpg',
|
|
url: '/assets/images/01.jpg',
|
|
|
- title: '校园正门',
|
|
|
|
|
- description: '绿意盎然的校园入口，展现学院的自然之美'
|
|
|
|
|
|
|
+ title: '西溪校园正门'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
url: '/assets/images/02.jpg',
|
|
url: '/assets/images/02.jpg',
|
|
|
- title: '校园风光',
|
|
|
|
|
- description: '现代化的校园建筑与自然景观的完美融合'
|
|
|
|
|
|
|
+ title: '临安校区'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
url: '/assets/images/03.jpg',
|
|
url: '/assets/images/03.jpg',
|
|
|
- title: '校园全景',
|
|
|
|
|
- description: '鸟瞰校园全景，展现学院的整体风貌'
|
|
|
|
|
|
|
+ title: '临安校区'
|
|
|
}
|
|
}
|
|
|
];
|
|
];
|
|
|
|
|
|
|
@@ -122,7 +63,7 @@ const expectedDate = computed(() => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.campus-carousel {
|
|
.campus-carousel {
|
|
|
- max-width: 1200px;
|
|
|
|
|
|
|
+ // max-width: 1200px;
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
border-radius: 16px;
|
|
border-radius: 16px;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
