1.20修改样式字体

src/assets/fonts/fonts.css

@@ -0,0 +1,13 @@
+@font-face {
+    font-family: 'Source Sans-Regular';
+    src:url('@/assets/fonts/NotoSansHans-Regular.otf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Source Sans-Black';
+    src: url('@/assets/fonts/NotoSansHans-Black.otf') format('woff2'),  format('truetype');
+    font-weight: 900; /* 对于Black，通常是900 */
+    font-style: normal;
+  }
+ 

src/components/header.vue

@@ -41,9 +41,10 @@ let title=ref("民用飞机多学科联合优化设计软件");
         text-overflow: ellipsis;
         display: inline-block;
         margin: 0;
-        font-size: 16px;
+        font-size: 20px;
         vertical-align: middle;
         color: #fff;
+        font-family: 'Source Sans-Regular';
         &:hover {
   
         }

src/main.js

@@ -15,7 +15,7 @@ import directive from '@/utils/directive'
 import {registerEcharts} from "@/plugins/echarts"
 import'@vue-flow/core/dist/style.css'
 import '@vue-flow/core/dist/theme-default.css';
-
+import './assets/fonts/fonts.css'
 // import mitt from 'mitt'
 
 //import '"element-plus/dist/index.css'

src/main.ts

@@ -15,7 +15,7 @@ import "normalize.css/normalize.css";//重置样式
 import '@/js/lindex.js'
 //4、引入echarts
 import * as echarts from 'echarts'
-
+import './assets/fonts/fonts.css'
 const app = createApp(App)
 
 //1、route

src/style/index.css

@@ -4,6 +4,7 @@ html {
     font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
     'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
 }
+
 *, *::before, *::after {
     margin: 0;
     padding: 0;
@@ -61,14 +62,15 @@ img{
 }
 .heder_tabs .el-tabs__header{
     padding: 0 .1042rem;
-    background-color:#2267B1; 
+    background-color:#fff; 
 }
 .ve_logo_img .el-image{
     padding: 5px;
 }
 .heder_tabs .el-tabs__item{
     width: 120px;
-    height: 39px;
+    height: 50px;
+    font-family: 'Source Sans-Regular';
 }
 body{
     width: 100%;
@@ -76,17 +78,16 @@ body{
     background-color:rgba(123, 176, 232, 0.1);
 }
 .heder_tabs .el-tabs__item.is-active{
-  background-color: #2267B1 !important;
+  background-color: #fff !important;
     border-radius: 10px 10px 0px 0px;
-    color: #FED500 ;
+    color: #2267B1;
 }
 .el-tabs--card>.el-tabs__header .el-tabs__item,.el-tabs--card>.el-tabs__header .el-tabs__nav{
     border: none;
 }
 .el-tabs__item{
-    color: #fff;
-    font-weight: bold;
-    font-size: 14px;
+    color: rgba(51, 51, 51, 0.8);
+    font-size: 20px;
 }
 .imgzong {
     display: -webkit-box;
@@ -94,7 +95,8 @@ body{
     display: flex;
     overflow: auto;
     white-space: nowrap;
-    background-color: #fff;
+    background: #fafafa;
+    border-top: 1px solid #B3B3B3; ;
     padding: 0 20px;
 }
 .imgzong .listitem {
@@ -111,7 +113,7 @@ body{
     box-sizing: border-box;
   }
   .imgzong  .listitem{
-    border-right:1px solid rgba(34,103,177,0.2);
+    border-right:1px solid rgba(179,179,179,0.3);
   }
 .item1, .item2 {
     cursor: pointer;
@@ -128,7 +130,9 @@ body{
 }
 
 .imgzong .listitem span {
-    font-size: 14px;
+    font-size: 18px;
+    font-family: 'Source Sans-Regular';
+    color: rgba(51, 51, 51, 0.8);
 }
 .el-tabs__header{
     padding: 0;
@@ -248,8 +252,12 @@ text-transform: none;
   .floatitem .el-image{
    margin: 0 10px !important;
   }
+  .el-tab-pane{
+    background-color: #fff;
+  }
   .heder_tabs .el-tab-pane{
-    border-bottom: 1px solid #7BB0E8;
+    border-bottom: 1px solid  rgba(179,179,179,0.3);
+    box-sizing: border-box;
   }
   .opt_moitor{
     width: 340px;
@@ -306,7 +314,7 @@ position: relative;
     height: calc(100vh - 184px);
 background: #FFFFFF;
 box-shadow: 2px 0px 11px 0px rgba(0,0,0,0.12);
-border: 1px solid #2267B1;
+border: 1px solid rgba(179, 179, 179, 1);
   }
   .mianflex{
     display: flex;
@@ -380,10 +388,10 @@ position:relative;
 .el-tabs--card>.el-tabs__header .el-tabs__item.is-active::before{
   content: "";
   display: block;
-  width: 45%;
+  width: 50%;
   height: 2px;
  /* // background: linear-gradient( 270deg, #1E69FF 0%, #5B91FF 100%); */
- background: #FED500;
+ background: #2267B1;
   border-radius: 0px 0px 0px 0px;
   bottom: 3px;
   position: absolute;
@@ -529,9 +537,9 @@ text-align: left;
 .custom-tree{
   width: 195px;
 height: 180px;
-background: #FFFFFF;
+background: #fafafa;
 border-radius: 0px 0px 0px 0px;
-border: 1px solid #2267B1;
+border: 1px solid #B3B3B3;
 box-sizing: border-box;
 }
 .el-tree-node__content>.el-tree-node__expand-icon{
@@ -560,7 +568,7 @@ box-sizing: border-box;
   padding: 0;
 }
 .el-tabs__active-bar{
-  background: #2267B1;
+  background: rgba(179, 179, 179, 1);
 }
 .colortext .el-tabs--left .el-tabs__header.is-left{
   background: #F4F4F4;
@@ -596,10 +604,10 @@ ul{
   font-size: 18px;
 }
 .colortext .XFpdding ul .item.active {
-  border-top: 2px solid #2267B1;
+  border-top: 2px solid #B3B3B3;
   background-color: #FFF;
-  border-left: 1px solid rgba(179, 179, 179, 0.3);
-  border-right: 1px solid rgba(179, 179, 179, 0.3);
+  border-left: 1px solid #B3B3B3;
+  border-right: 1px solid #B3B3B3;
 }
 .el-tabs--left .el-tabs__item.is-left{
   text-align: left !important;
@@ -669,3 +677,6 @@ width: 200px;
   overflow-y: auto;
 
 }
+.heder_tabs .el-tabs{
+  --el-tabs-header-height: 50px;
+}

src/views/home.vue

@@ -3929,11 +3929,12 @@ const adfhandleClick=(tab,event)=>{
   justify-content: space-between;
   padding: 5px 0px;
   font-size: 20px;
-  height: 25px !important;
-  z-index: 99;
-  ;
-  border-radius: 5px 5px 0px 0px;
-  overflow: hidden;
+  height: 40px !important;
+  z-index: 99;;
+  // border-radius: 5px 5px 0px 0px;
+  // overflow: hidden;
+  border-top: 1px solid #B3B3B3;
+  border-bottom: 1px solid #B3B3B3;
 }
 
 .footerTitle div {
@@ -3954,8 +3955,11 @@ const adfhandleClick=(tab,event)=>{
 }
 
 .footerTitle span {
-  padding: 5px 10px;
+ width: 150px;
+  height: 40px;
+  line-height: 40px;
   cursor: default;
+  position: relative;
 }
 
 .footerText .el-textarea__inner {
@@ -3978,8 +3982,7 @@ const adfhandleClick=(tab,event)=>{
    display: none !important;
   } */
 .custom-text {
-  font-family: Inter, Inter;
-  font-weight: 600;
+  font-family: 'Source Sans-Regular';
   font-size: 16px;
   color: #383838;
   line-height: 24px;
@@ -3989,9 +3992,11 @@ const adfhandleClick=(tab,event)=>{
 }
 
 .el-tree .el-tree-node__children .custom-text {
-  font-size: 13px;
+  font-family: 'Source Sans-Regular';
+  font-size: 18px;
   /* 这里设置为20px，你可以根据需求调整大小 */
-  font-weight: 400;
+color: rgba(51, 51, 51, 0.8);
+
 }
 
 /* .el-tree  .el-tree-node.is-current>.el-tree-node__content img{
@@ -4007,7 +4012,7 @@ const adfhandleClick=(tab,event)=>{
 }
 
 .footerTitle {
-  background: #9FCDFF;
+  background: #eee;
   border-radius: 0px 0px 0px 0px;
 }
 
@@ -4016,9 +4021,32 @@ const adfhandleClick=(tab,event)=>{
 }
 
 .footerTitle .active {
-  background-color: #f0f0f0;
-}
+  background-color: #fff;
+   border-left:1px solid #B3B3B3;
+   border-right:1px solid #B3B3B3;
+   border-bottom:4px solid #fff;
 
+}
+.footerTitle .active::before{
+  content: "";
+    display: block;
+    width: 100%;
+    height: 2px;
+    background: #2267B1;
+    border-radius: 0px 0px 0px 0px;
+    top: 0px;
+    position: absolute;
+}
+.footerTitle .active::after{
+   content: "";
+    display: block;
+    width: 100%;
+    height:7px;
+    background: #fff;
+    border-radius: 0px 0px 0px 0px;
+    bottom: 0px;
+    position: absolute;
+}
 .youhualog {
   width: 100%;
   height: 178px;
@@ -4086,7 +4114,8 @@ const adfhandleClick=(tab,event)=>{
 }
 
 .gooterpading {
-  border: 1px solid #2267B1;
+  /* border: 1px solid #2267B1; */
+
 }
 
 .classtable .el-table th .cell {

src/views/openpage.vue

@@ -11,17 +11,23 @@
 
         <el-menu class="lbg_color3  menuclass" :router='true' :default-active="activeIndex" @select="Select">
           <div class="ve_logo_img">
-                <el-image
+                <!-- <el-image
                     style="height: 100%"
                     :src="logo"
                     fit="contain"
-                ></el-image>
+                ></el-image> -->
             </div>
+            <h3  class="zjmian"><span><el-image
+                    style="height: 100%"
+                    :src="leftjt"
+                    fit="contain"
+                ></el-image></span>主界面</h3>
             <el-menu-item  index="/home/newfile">新建</el-menu-item>
            <el-menu-item   index="/home/querylist" >打开</el-menu-item>
           <el-menu-item    index="/home/savefile" >保存</el-menu-item>
           <el-menu-item  >另存</el-menu-item>
-          <el-menu-item   >选择</el-menu-item>
+          <el-menu-item   >信息</el-menu-item>
+          <el-menu-item   >帮助</el-menu-item>
         </el-menu>
       </div>
       <section class="user-main ">
@@ -38,6 +44,7 @@ import { request, uploadFile } from "@/utils/request";
 import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
 import myheader from "@/components/header.vue"
 import logo from "@/assets/logo.png";
+import leftjt from "@/assets/flowimg/111.png";
 const router = useRouter();
  let dateKeyref=ref(new Date().getTime())
    //  defaultPage: '/project',
@@ -59,6 +66,21 @@ const activeIndex=computed(()=>{
     }
 </script>
 <style lang="scss" scoped>
+.zjmian{
+  padding: 10px;
+  text-align: left;
+  color: #FFD153;
+  font-weight: 600;
+font-size: 18px;
+span{
+  margin-right: 12px;
+}
+.el-image{
+  margin-top: 8px;
+
+}
+}
+
 .ve_logo_img{
     text-align: center;
 }
@@ -77,7 +99,7 @@ const activeIndex=computed(()=>{
     &-item {
       height: 36px;
       line-height: 36px;
-      font-size: 14px;
+      font-size: 16px;
       text-align: center;
       color: #b6b6b6;
       &.is-active {
@@ -97,6 +119,7 @@ const activeIndex=computed(()=>{
   border: none;
   .el-menu-item{
     color: #fff;
+    padding: 0 45px !important;
   }
 }
 
@@ -123,5 +146,8 @@ const activeIndex=computed(()=>{
   color: #000;
     background: #ecf5ff;
 }
+.el-menu-item:hover{
+  color: #FFD153;
+}
 </style>