1

src/views/market/detail/techDetail.vue

@@ -11,7 +11,7 @@
             </el-carousel>
           </el-col>
           <el-col :span="7" v-else class="achieveImage">
-            <el-image :src="achievezb" style="height:305px;"></el-image>
+            <!-- <el-image :src="achievezb" style="height:305px;"></el-image>
             <el-col :span="24" class="company textOver">
               {{ detailInfo.company }}
             </el-col>
@@ -22,7 +22,8 @@
             <el-col :span="24" class="cont">
               <el-col :span="24" class="a-field">领域：{{ detailInfo.field }}</el-col>
               <el-col :span="24" class="a-contacts">联系人：{{ detailInfo.contacts }}</el-col>
-            </el-col>
+            </el-col> -->
+            {{ detailInfo.degreeurgency || '暂无' }}
           </el-col>
           <el-col :span="17" class="right">
             <el-col :span="24" class="name textOver">
@@ -78,14 +79,14 @@
               </el-col>
               <el-col :span="16" class="otherInfo textOver"> {{ detailInfo.degreeurgency || '暂无' }} </el-col>
             </el-col>
-            <!-- <el-col :span="12">
+            <el-col :span="12">
               <el-col :span="8" class="otherInfo textOver">
                 合作方式
               </el-col>
               <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.cooperation ? detailInfo.cooperation : '暂无' }}
               </el-col>
-            </el-col> -->
+            </el-col>
             <!-- <el-col :span="24">
               <el-col :span="4" class="otherInfo textOver">
                 机构代码
@@ -100,11 +101,11 @@
                 {{ detailInfo.contacts || '暂无' }}
               </el-col>
             </el-col>
-            <el-col :span="24">
-              <el-col :span="4" class="otherInfo textOver">
+            <el-col :span="12">
+              <el-col :span="8" class="otherInfo textOver">
                 电子邮箱
               </el-col>
-              <el-col :span="20" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.email || '暂无' }}
               </el-col>
             </el-col>
@@ -276,67 +277,69 @@ export default {
     }
   }
   .achieveImage {
-    position: relative;
-    .el-image {
-      width: 100%;
-      height: 345px;
-      overflow: hidden;
-      // border-radius: 5px;
-      // transition: all 0.4s linear;
-      position: relative;
-    }
-    .aName {
-      position: absolute;
-      top: 40px;
-      left: 0px;
-      text-align: center;
-      transform: scale(0.8);
-      font-weight: bolder;
-      // color: transparent;
-      // 文字边框宽度和颜色
-      -webkit-text-stroke: 1px #f18d2c;
-      font-style: oblique;
-      // 文字填充色
-      -webkit-text-fill-color: transparent;
-      letter-spacing: 3px;
-    }
-    .a-brief {
-      margin: 10px 0px;
-      position: absolute;
-      top: 55px;
-      left: 0px;
-      overflow: hidden;
-      line-height: 20px;
-      letter-spacing: 2px;
-      text-overflow: ellipsis;
-      -webkit-line-clamp: 12;
-      word-break: break-all;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      transform: scale(0.8);
-    }
-    .cont {
-      position: absolute;
-      left: 0px;
-      bottom: 20px;
-      transform: scale(0.8);
-      .a-field {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-    .company {
-      position: absolute;
-      top: 12px;
-      left: 30px;
-      width: 86%;
-      color: #ec6c2d;
-      -webkit-text-stroke: 1px #f18d2c;
-      font-style: oblique;
-      -webkit-text-fill-color: #ec6c2d;
-      letter-spacing: 3px;
-    }
+    height: 305px;
+    line-height: 305px;
+    text-align: center;
+    font-size: 90px;
+    // position: relative;
+    // .el-image {
+    //   width: 100%;
+    //   height: 345px;
+    //   overflow: hidden;
+    //   position: relative;
+    // }
+    // .aName {
+    //   position: absolute;
+    //   top: 40px;
+    //   left: 0px;
+    //   text-align: center;
+    //   transform: scale(0.8);
+    //   font-weight: bolder;
+    //   // color: transparent;
+    //   // 文字边框宽度和颜色
+    //   -webkit-text-stroke: 1px #f18d2c;
+    //   font-style: oblique;
+    //   // 文字填充色
+    //   -webkit-text-fill-color: transparent;
+    //   letter-spacing: 3px;
+    // }
+    // .a-brief {
+    //   margin: 10px 0px;
+    //   position: absolute;
+    //   top: 55px;
+    //   left: 0px;
+    //   overflow: hidden;
+    //   line-height: 20px;
+    //   letter-spacing: 2px;
+    //   text-overflow: ellipsis;
+    //   -webkit-line-clamp: 12;
+    //   word-break: break-all;
+    //   display: -webkit-box;
+    //   -webkit-box-orient: vertical;
+    //   transform: scale(0.8);
+    // }
+    // .cont {
+    //   position: absolute;
+    //   left: 0px;
+    //   bottom: 20px;
+    //   transform: scale(0.8);
+    //   .a-field {
+    //     overflow: hidden;
+    //     text-overflow: ellipsis;
+    //     white-space: nowrap;
+    //   }
+    // }
+    // .company {
+    //   position: absolute;
+    //   top: 12px;
+    //   left: 30px;
+    //   width: 86%;
+    //   color: #ec6c2d;
+    //   -webkit-text-stroke: 1px #f18d2c;
+    //   font-style: oblique;
+    //   -webkit-text-fill-color: #ec6c2d;
+    //   letter-spacing: 3px;
+    // }
   }
 }
 </style>