new工艺规程--详情

pages/technology/details.vue

@@ -2,7 +2,7 @@
 @import './technolog.less';
 </style>
 <template>
-    <Layout class="pt10 details_box">
+    <Layout class="details_box">
         <Header>
             <h4 class="details_top tc">
                 <a class="back_href" @click="back">  <Icon type="ios-undo-outline" />返回工艺规程</a>

pages/technology/technolog.less

@@ -57,29 +57,64 @@
     padding: 2px 18px;
     box-shadow: #98929294 2px 1px 5px 1px;
 }
-
+.product-layout .i-layout-content {
+    padding: 4px 10px!important;
+}
 .details_box{
+    background: #f5f7f9;
+    .ivu-layout-header {
+        height: 32px;
+        line-height: 37px;
+    }
     .details_top{
         height: 32px;
         line-height: 32px;
         position: relative;
-        background: #fff;
+        background: #f5f7f9;
         border-bottom: 1px solid #ccc;
         .back_href{
             position: absolute;
-            left: 110px;
+            left: 20px;
             top: 0;
             .ivu-icon{
                 font-size: 20px;
             }
         }
     }
+    .details_body{
+        // width: 561px;
+        text-align: center;
+        .ivu-menu-horizontal {
+            height: 50px;
+            line-height: 50px;
+            border-left: 1px solid #ccc;
+            background: #f5f7f9;
+            .ivu-menu-item{
+                width: 140px;
+                border-right: 1px solid #ccc;
+                border-bottom: 1px solid #ccc;
+                background: #f5f7f9;
+            }
+            .ivu-menu-item-active.ivu-menu-item-selected{
+                background: #fff;
+                border-top: 2px solid #2d8cf0;
+                border-bottom: 1px solid #fff;
+            }
+        }
+    }
     .bottom_box{
         margin-top: 50px;
+        padding: 5px 20px;
     }
 }
 .setdetail_body{
+    // padding: 0 20px;
+    .ivu-layout-header{
+        height: 0;
+    }
     .ivu-menu-horizontal{
+        height: 40px;
+        line-height: 40px;
         a.ivu-menu-item-active::before{
             content: "";
             display: block;