打卡15

合集 - 软件工程日报(64)
1.新学期目标2.打卡3.打卡24.打卡35.打卡 46.打卡57.打卡68.打卡79.打卡810.打卡911.打卡1012.结对作业（地铁查询项目）0113.结对作业（地铁项目）0214.结对作业（地铁项目）0315.结对作业（地铁项目）0416.结对作业（地铁项目）0517.结对作业（地铁项目）0618.结对作业（地铁项目）0719.结对作业（地铁项目）0820.结对作业（地铁项目）0921.结对作业（地铁项目）1022.结对作业（地铁项目）1123.结对作业（地铁项目）1224.结对作业（地铁项目）1325.结对作业（地铁项目）1426.五一冲刺（政策查询系统）127.五一冲刺（政策查询系统）228.政策查询系统（安卓）129.政策查询系统（安卓）230.政策查询系统（安卓）331.政策查询系统（安卓）432.政策查询系统（安卓）533.政策查询系统（安卓）634.政策查询系统（安卓）735.JS开发36.安卓app开发相关37.第一次个人作业（安卓学习记录系统）0138.第一次个人作业（安卓学习记录系统）0239.第一次个人作业（安卓学习记录系统）0340.第一次个人作业（安卓学习记录系统）0441.第一次个人作业（安卓学习记录系统）0542.第一次个人作业（安卓学习记录系统）0643.第一次个人作业（安卓学习记录系统）0744.打卡1145.打卡1246.打卡1347.打卡14
48.打卡15
49.打卡1650.打卡1751.打卡1852.打卡1953.打卡2054.python学习55.python学习256.python学习357.Javaweb58.打卡2159.fragment学习和使用60.mybits学习161.mybits学习262.mybits学习363.课程总结64.个人总结
收起

所花时间（包括上课）：

 2h

代码量（行）：

 150左右

搏客量（篇）：

 1

了解到的知识点：

vue

备注（其他）：

   
<template>
  <el-container>
    <!-- 左侧菜单 -->
    <el-aside width="200px">
      <h4>科技政策查询系统</h4>
      <el-divider />
      <el-menu router>
        <el-menu-item v-for="(item, index) in policyCount" :key="index">
          <span>{{ item.type }} ({{ item.count }})</span>
        </el-menu-item>
      </el-menu>
    </el-aside>

    <!-- 右侧主区域 -->
    <el-container>
      <el-header style="display: flex; justify-content: center; align-items: center;">
        <el-avatar :size="50" :src="LOGO" />
        <h1>科技政策查询系统</h1>
      </el-header>
      <!-- 内容展示区域 -->
      <el-main>
        <router-view />
      </el-main>

      <!-- 底部区域 -->
      <el-footer>
        Copyright 1996-2024 All Rights Reserved 版权所有：河北省科学技术情报研究院
        河北省科技创新战略研究院 技术支持：河北省科技信息处理实验室。
      </el-footer>
    </el-container>
  </el-container>
</template>

<script setup>
import LOGO from "@/assets/LOGO.png";
import { ref } from 'vue';
import { getPolicyCountByTypes } from '@/api/getPolicy.js';

const policyCount = ref([]);

getPolicyCountByTypes().then(res => {
  console.log(res);
  policyCount.value = res;
});
</script>

<style lang="scss" scoped>
.el-menu {
  border-right: none;
}

.el-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #666;
}
</style>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
posted @   平安喜乐×  阅读(2)  评论(0)  编辑  收藏  举报
相关博文：
· 五一冲刺（政策查询系统）1
· mybits学习1
· 2024/05/01（2024春季）
· 5.7总结
· 软工日报23-9-13
阅读排行：
· 单线程的Redis速度为什么快？
· 展开说说关于C#中ORM框架的用法！
· Pantheons：用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
· 为什么 退出登录 或 修改密码 无法使 token 失效
点击右上角即可分享
微信分享提示