浏览代码

样式修改

jingbb 1 年之前
父节点
当前提交
bbfe5d7d27

+ 1 - 1
src/components/layouts/TabLayout.vue

@@ -10,7 +10,7 @@
       v-if="multipage"
       :active-key="activePage"
       class="tab-layout-tabs"
-      style="height:52px"
+      style="height:50px;background: #f0eff4"
       :hide-add="true"
       type="editable-card"
       @change="changePage"

+ 1 - 1
src/components/page/GlobalHeader.vue

@@ -184,7 +184,7 @@ export default {
 <style lang="less" scoped>
 /* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/
 
-@height: 59px;
+@height: 50px;
 
 .layout {
   .top-nav-header-index {

+ 10 - 4
src/components/page/GlobalLayout.vue

@@ -573,7 +573,7 @@ body {
     height: 64px;
     position: relative;
     line-height: 64px;
-    padding-left: 24px;
+    padding-left: 15px !important;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     background: #002140;
@@ -724,7 +724,9 @@ body {
   color: white;
 }
 li.ant-menu-item>a>span{
-  color: #a7b1c2;
+  color: rgb(191, 203, 217) !important;
+  font-size: 14px;
+  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
 }
 .ant-menu>.ant-menu-item-active>a>span{
   color: white !important;
@@ -733,7 +735,9 @@ li.ant-menu-item>a>span{
   color: white !important;
 }
 .ant-menu-submenu-title>span>span{
-  color: #a7b1c2;
+  color: rgb(191, 203, 217) !important;
+  font-size: 14px;
+  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
 }
 .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
   background:none !important;
@@ -754,7 +758,9 @@ li.ant-menu-item>a>span{
     color: #6bc5f3;
 }
 .ant-menu-root > .ant-menu-item span{
-  color: #a7b1c2 !important;
+  color: rgb(191, 203, 217) !important;
+  font-size: 14px;
+  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
 }
 
 </style>

+ 1 - 1
src/components/tools/HeaderNotice.vue

@@ -67,7 +67,7 @@
     <span @click="fetchNotice" class="header-notice">
       <a-badge :count="msgTotal"><StepBackwardOutlined />
         <!-- 技能博物馆 -->
-        <a-icon style="color:grey; font-size: 16px; padding: 4px" type="bell" />   
+        <a-icon style="color:#97a8be; font-size: 16px; padding: 4px" type="bell" />   
         <!-- 森语 -->
         <!-- <a-icon style="font-size: 16px; padding: 4px" type="bell" /> -->
       </a-badge>

+ 6 - 3
src/components/tools/Logo.vue

@@ -17,7 +17,7 @@
       <!-- 技能博物馆 -->
       <!-- <h1 style="color:grey">{{this.$store.state.topTitle}}</h1> -->
       <!-- 森语 -->
-      <h1>{{this.$store.state.topTitle}}</h1>
+      <h1 style="display: inline-block;margin: 0;color: #907c5e!important;font-weight: 600;line-height: 50px;font-size: 14px;font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align: middle;">{{this.$store.state.topTitle}}</h1>
       <!-- <h1 >{{ dashboard }}</h1> -->
     </router-link>
   </div>
@@ -45,7 +45,7 @@
 </script>
 <style lang="less" scoped>
   /*缩小首页布 局顶部的高度*/
-  @height: 59px;
+  @height: 50px;
 
   .sider {
     box-shadow: none !important;
@@ -57,7 +57,10 @@
       // background-color: #6bc5f3 !important;
      //logo-img
      img {
-       height: 51px !important;
+        width: 32px;
+        height: 32px;
+        vertical-align: middle;
+        margin-right: 12px;
        }
 
       a {

+ 2 - 2
src/components/tools/UserMenu.vue

@@ -35,7 +35,7 @@
     <a-dropdown>
       <span class="action action-full ant-dropdown-link user-dropdown-menu">
         <!-- <a-avatar class="avatar" size="small" :src="getAvatar()"/> -->
-        <span v-if="isDesktop()">欢迎您,{{ nickname() }}</span>
+        <span v-if="isDesktop()" style="font-size: 14px;color: #97a8be;margin-right: 10px;">欢迎您,{{ nickname() }}</span>
       </span>
       <a-menu slot="overlay" class="user-dropdown-menu-wrapper"  v-if="showSwitch =='森语'">
         <!-- <a-menu-item key="0">
@@ -78,7 +78,7 @@
     <span class="action">
       <a class="logout_title" href="javascript:;" @click="handleLogout">
         <a-icon type="logout"/>
-        <span v-if="isDesktop()">&nbsp;退出登录</span>
+        <span v-if="isDesktop()" style="font-size: 14px;color: #97a8be;margin-right: 10px;">&nbsp;退出登录</span>
       </a>
     </span>
     <user-password ref="userPassword"></user-password>

+ 1 - 1
src/defaultSettings.js

@@ -36,7 +36,7 @@ export default {
   //  bottonTitle:'森语国际贸易有限公司',
    bottonTitle:'OA办公系统',
   //  topTitle:'森语',
-   topTitle:'OA办公系统',
+   topTitle:'OA办公',
   // vue-ls options
   storageOptions: {
     namespace: 'pro__', // key prefix