fix: 样式调整

src/assets/styles/sidebar.scss

@@ -2,7 +2,7 @@
   border-radius: 10px;
 }
 .logo {
-  height: 106px;
+  height: 65px;
   background-color: #BEA266;
   color: #ffffff;
   font-weight: bold;
@@ -10,6 +10,13 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  box-sizing: border-box;
+  padding: 10px;
+  & > img {
+    object-fit: scale-down;
+    width: 100%;
+    height: 40px;
+  }
 }
 .port-link{
   display: block;

src/layout/navbar/Breadcrumb.vue

@@ -1,10 +1,10 @@
 <template>
   <el-breadcrumb separator="/">
     <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path">
-      <span v-if="item.meta.noRedirect || index === breadcrumbList.length-1" class="no-redirect">
+      <span v-if="item.meta.noRedirect || index === breadcrumbList.length-1" class="no-redirect font">
         {{ item.meta.title }}
       </span>
-      <router-link v-else :to="item.redirect || item.path">
+      <router-link class="font" v-else :to="item.redirect || item.path">
         {{ item.meta.title }}
       </router-link>
     </el-breadcrumb-item>
@@ -47,3 +47,9 @@ const isDashboard = (meta) => {
 
 getBreadcrumb()
 </script>
+
+<style scoped lang="scss">
+.font {
+  // font-size: 18px;
+}
+</style>

src/layout/navbar/Hamburger.vue

@@ -15,6 +15,8 @@ const toggleClick = () => {
 <style lang="scss" scoped>
 .toggle{
   line-height: 65px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
   padding: 0 15px;
   cursor: pointer;
   &:hover {

src/layout/siderbar/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="logo" ref="logo">
-    <span v-if="!siderbarStore.isCollapse">科研管理平台</span>
+    <img src="../../assets/kylogo.png" alt="">
+    <!-- <span v-if="!siderbarStore.isCollapse">科研管理平台</span> -->
     <span v-if="!siderbarStore.isCollapse"></span>
   </div>
   <el-scrollbar :height="`calc(100vh - ${logoHeight}px)`" style="background-color: #ffffff">