更新

src/views/direct.vue

@@ -162,7 +162,7 @@
             </el-tabs>
           </el-col>
 
-          <el-col :span="24" class="newimage">
+          <el-col :span="24" class="newimage2">
             <el-image :src="two" style="width:100%;height:100px;position:relative;"> </el-image>
             <span>使用手册</span>
           </el-col>
@@ -231,12 +231,12 @@
         <p>类型：</p>
         <p>研发阶段:</p>
         <p>交易方式:</p>
-        <p>头像:<el-image :src="superOnes"> </el-image></p>
+        <p>头像:<el-image :src="superOnes" class="headimage"> </el-image></p>
         <p>职务:</p>
         <p>从事领域:</p>
         <p>民族:</p>
       </el-col>
-      <span slot="footer" class="dialog-footer" style="text-align:center">
+      <span slot="footer" class="annius">
         <el-button @click="dialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="dialogVisible = false">对接</el-button>
       </span>
@@ -364,6 +364,9 @@ export default {
       { companyName: '名称', url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg' },
       { companyName: '名称', url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg' },
       { companyName: '名称', url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg' },
+      { companyName: '名称', url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg' },
+      { companyName: '名称', url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg' },
+      { companyName: '名称', url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg' },
     ],
     // 找专家
     expertList: [
@@ -373,6 +376,9 @@ export default {
       { imgpath: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', name: '专家', nation: '真nation' },
       { imgpath: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', name: '专家', nation: '真nation' },
       { imgpath: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', name: '专家', nation: '真nation' },
+      { imgpath: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', name: '专家', nation: '真nation' },
+      { imgpath: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', name: '专家', nation: '真nation' },
+      { imgpath: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', name: '专家', nation: '真nation' },
     ],
 
     luyanList: [
@@ -552,6 +558,7 @@ p {
 }
 
 .newimage {
+  margin: 20px 0 0 0;
   background-size: 100% * 80px;
   background-size: cover;
   height: 100px;
@@ -589,6 +596,9 @@ p {
   border-left-color: #c20808;
   color: #ff8500;
 }
+.context {
+  margin: 30px 0 0 0;
+}
 .context ul {
   padding: 0;
   margin: 0;
@@ -914,8 +924,23 @@ p {
 }
 
 // 找产品
-// .demand {
-// }
+.demand {
+  overflow: hidden;
+  height: 547px;
+  padding: 0;
+  margin: 0;
+  -webkit-margin-before: 0;
+  margin-block-start: 0;
+  -webkit-margin-after: 0;
+  margin-block-end: 0;
+  -webkit-margin-start: 0;
+  margin-inline-start: 0;
+  -webkit-margin-end: 0;
+  margin-inline-end: 0;
+  -webkit-padding-start: 0;
+  padding-inline-start: 0;
+}
+
 .demand .demandList {
   float: left;
   width: 50%;
@@ -972,14 +997,17 @@ p {
   float: left;
   height: 518px;
   width: 100%;
-  overflow: hidden;
 }
 .service .serviceList {
   float: left;
   width: 30%;
   border: 1px solid #ccc;
-  margin: 22px 24px;
-  height: 209px;
+  margin: 10px 24px;
+  height: 181px;
+}
+
+/deep/.el-tabs--border-card > .el-tabs__content {
+  padding: 0;
 }
 .service .serviceList:hover {
   box-shadow: 0 0 10px #ccc;
@@ -995,7 +1023,7 @@ p {
 .service .serviceList .serviceDown .el-image {
   float: left;
   width: 20%;
-  height: 100px;
+  height: 80px;
   margin: 10px;
 }
 .service .serviceList .serviceDown p {
@@ -1037,7 +1065,7 @@ p {
 // .expert {
 // }
 .expert .expertList {
-  height: 100px;
+  height: 117px;
   float: left;
   width: 49%;
   border: 1px solid #ccc;
@@ -1116,8 +1144,8 @@ p {
 }
 
 .detail {
-  height: 400px;
-  line-height: 45px;
+  min-height: 398px;
+  line-height: 33px;
 }
 /deep/.el-dialog__body {
   padding: 0 20px;
@@ -1127,5 +1155,27 @@ p {
 }
 .newsheight {
   height: 604px;
+
+  overflow: hidden;
+}
+.newimage2 {
+  margin: 30px 0 30px 0;
+}
+.newimage2 span {
+  position: absolute;
+  top: 30px;
+  left: 650px;
+  color: #ffffff;
+  font-size: 36px;
+  // position: relative;
+  // top: 30px;
+  z-index: 999;
+}
+.headimage {
+  height: 100px;
+  width: 100px;
+}
+.annius {
+  text-align: center;
 }
 </style>