Parcourir la source

基于iot样式的框架修改

yuhan il y a 9 mois
Parent
commit
e145fea850

+ 4 - 0
src/assets/less/common.css

@@ -67,3 +67,7 @@
   background-color: #0fabfe !important;
   border-color: #0fabfe !important;
 }
+.ant-card:not(.topo-card) {
+  border: 1px solid #cadae6;
+  box-shadow: 0 3px 8px 0 rgba(2, 72, 109, 0.15);
+}

+ 4 - 0
src/assets/less/common.less

@@ -65,4 +65,8 @@
    background: linear-gradient(0deg,rgba(1,159,243,.4),rgba(138,210,249,.4)) !important;
    background-color: #0fabfe!important;
    border-color: #0fabfe!important;
+}
+.ant-card:not(.topo-card){
+  border: 1px solid #cadae6;
+  box-shadow: 0 3px 8px 0 rgba(2,72,109,.15);
 }

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

@@ -18,7 +18,9 @@
         <span slot="tab" :pagekey="page.fullPath">{{ page.meta.title }}</span>
       </a-tab-pane>
     </a-tabs>
-    <div style="margin: 12px 12px 0;">
+    <!-- IoT Edge相关 修改框架 -->
+    <div :style="layoutMode === 'iotmenu'?'margin: 20px 16px 0;':'margin: 12px 12px 0;'">
+    <!-- <div style="margin: 12px 12px 0;"> -->
       <!-- update-begin-author:taoyan date:20201221 for:此处删掉transition标签 不知道为什么加上后 页面路由切换的时候即1及菜单切到2及菜单的时候 两个菜单页面会同时出现300-500秒左右 -->
       <keep-alive v-if="multipage">
         <router-view v-if="reloadFlag"/>

+ 1 - 0
src/components/menu/SideMenu.vue

@@ -83,6 +83,7 @@
   .iot-menu-set{
     padding-top: 12px;
     background: linear-gradient(0deg,#e6edf3,#fff) !important;
+    box-shadow: 0 0 14px 0 rgba(2,72,109,.2)!important;
     ul.ant-menu {
       background-color: transparent;
       .ant-menu-item{