首页样式

src/pages/home2/components/empennage/index.vue

@@ -80,11 +80,13 @@
 
 <style lang="less" scoped>
     .link {
+        margin-right: 10px;
         display: flex;
         border-radius: 3px;
         height: 100%;
         align-items: center;
         justify-content: space-around;
+        box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
         .borderRight {
             padding-right: 30px;
             margin-right: 30px;

src/pages/home2/components/navMenu/index.vue

@@ -1,7 +1,7 @@
 <!-- 右侧导航 -->
 <template>
     <div class="nav-menu">
-        <div class="lattice">
+        <div class="lattice" style=" box-shadow:1px 1px 10px rgba(0,0,0,0.1);" >
             <div class="title"><i class="el-icon-s-promotion"></i> 快捷入口</div>
             <div class="menu-wrap">
                 <enter-card v-for="(item, index) in list"
@@ -67,8 +67,10 @@
 <style lang="less" scoped>
     .nav-menu {
         .lattice {
+          margin-right: 10px;
             background: #fff;
             margin-bottom: 10px;
+            border-radius: 3px;
             .title {
                 margin-bottom: 10px;
                 padding-left: 10px;
@@ -77,6 +79,7 @@
                 background: #fff;
                 font-size: 16px;
                 font-weight: bold;
+              border-radius: 10px;
             }
             .menu-wrap {
                 height: 240px;

src/pages/home2/components/searchGroup/index.vue

@@ -22,8 +22,8 @@
         placeholder="请输入关键词"
         clearable
       ></el-input>
-      <el-button  type="primary" @click="search">搜索</el-button>
+      <el-button style="box-shadow:1px 1px 10px rgba(0,0,0,0.2);margin-left: 5px;" type="primary" @click="search">一般检索</el-button>
-      <el-button style="margin-left: 5px;"  type="primary" @click="seniorSearch">高级搜索</el-button>
+      <el-button style="box-shadow:1px 1px 10px rgba(0,0,0,0.2);margin-left: 5px;" type="primary" @click="seniorSearch">高级检索</el-button>
     </div>
   </div>
 </template>
@@ -91,7 +91,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style  lang="less" scoped>
 .search-group {
   display: flex;
   width: 100%;
@@ -105,10 +105,11 @@ export default {
         width: 18vm;
         height: 40px;
         color: #333333;
-        font-size: 16px;
+        font-size: 13px;
         border: 0;
         border-radius: 3px;
        background-color: #FFFFFF;
+        box-shadow:1px -2px 10px rgba(0,0,0,0.1);
       }
     }
   }
@@ -118,11 +119,12 @@ export default {
     ::v-deep {
       .el-input__inner {
         height: 40px;
-        font-size: 16px;
+        font-size: 14px;
         color: #333333;
         border: 0;
         border-radius: 3px;
         background: #FFFFFF;
+        box-shadow:1px -2px 10px rgba(0,0,0,0.1);
       }
     }
   }
@@ -132,6 +134,7 @@ export default {
     border: 0;
     border-radius: 3px;
     background-color: #5ea9f6;
+
   }
 }
 </style>

src/pages/home2/components/todoList/index.vue

@@ -1274,10 +1274,12 @@ export default {
 
 <style lang="less" scoped>
 .to-do-list {
+  margin-right: 10px;
   border-radius: 3px;
   height: calc(~'100% - 310px');
   overflow: hidden;
   background: #FFFFFF;
+  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
   .task {
     display: inline-block;
     margin: 15px;

src/pages/home2/index.vue

@@ -3,7 +3,7 @@
   <div class="home_main">
      <div class="left_wrapper">
         <search-group></search-group>
-       <div class="main-tabs" style="border-radius: 3px;">
+       <div class="main-tabs" style="box-shadow:1px 1px 10px rgba(0,0,0,0.1);border-radius: 3px;" >
          <div class="main-left-wrap" >
 <!--           <el-button type="text" style="font-size: 14px" class="more" @click="MORE">MORE</el-button>-->
            <el-tabs
@@ -142,7 +142,7 @@ export default {
         }
         ::v-deep {
           .el-tabs__item {
-            font-size: 16px;
+            font-size: 14px;
             font-weight: 600;
             /*color: #333333;*/
           }