完成首页母版

chenyc

2024-08-19 7ae4f8a626802bc8f027aa091046db97635da879

 src/layout/navBars/topBar/breadcrumb.vue

@@ -1,5 +1,5 @@
<template>
   <div v-if="isShowBreadcrumb" class="layout-navbars-breadcrumb">
   <!-- <div v-if="isShowBreadcrumb" class="layout-navbars-breadcrumb">
      <SvgIcon
         class="layout-navbars-breadcrumb-icon"
         :name="themeConfig.isCollapse ? 'ele-Expand' : 'ele-Fold'"
@@ -20,6 +20,12 @@
            </el-breadcrumb-item>
         </transition-group>
      </el-breadcrumb>
   </div> -->
   <div class="layout-navbars-breadcrumb">
		
      <el-avatar shape="square" style="width: 48px; height: 35px;background-color: #ffffff;margin-right: 10px;margin-left: 10px;" fit="contain" :src="logo" />

      <div class="titleHome">营养管理系统</div>
   </div>
</template>

@@ -31,6 +37,7 @@
import { storeToRefs } from 'pinia';
import { useThemeConfig } from '/@/stores/themeConfig';
import { useRoutesList } from '/@/stores/routesList';
import logo from '/@/assets/imgs/logo.png'

// 定义变量内容
const stores = useRoutesList();
@@ -116,7 +123,7 @@
      font-size: 18px;
      color: var(--next-bg-topBarColor);
      height: 100%;
      width: 40px;
      width: 48px;
      opacity: 0.8;
      &:hover {
         opacity: 1;
@@ -142,5 +149,16 @@
         color: var(--el-color-primary) !important;
      }
   }
   .titleHome{
      height: 25px;
      font-family: HYYakuHei, HYYakuHei;
      font-weight: normal;
      font-size: 21px;
      color: #333333;
      line-height: 25px;
      letter-spacing: 1px;
      text-align: left;
      font-style: normal;
   }
}
</style>