更放心

src/views/market/index.vue

@@ -32,6 +32,9 @@
                       <el-col :span="24" class="name textOver aName">
                         {{ item.name }}
                       </el-col>
+                      <el-col :span="24" class="a-brief"
+                        ><span>成果简介：{{ item.achievebrief }}</span></el-col
+                      >
                       <el-col :span="24" class="cont">
                         <el-col :span="24" class="a-field">领域：{{ item.field }}</el-col>
                         <el-col :span="24" class="a-contacts">联系人：{{ item.contacts }}</el-col>
@@ -807,7 +810,38 @@ export default {
             left: 0px;
             text-align: center;
             -webkit-transform: scale(0.8);
+            font-weight: bolder;
+            // color: transparent;
+            // 文字边框宽度和颜色
+            -webkit-text-stroke: 1px #ec6c2d;
+            // 文字填充色
+            -webkit-text-fill-color: transparent;
+            letter-spacing: 3px;
           }
+          .a-brief {
+            margin: 10px 0px;
+            position: absolute;
+            top: 31px;
+            left: 0px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            -webkit-line-clamp: 8;
+            word-break: break-all;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-transform: scale(0.8);
+          }
+          // .a-brief::after {
+          //   content: '...';
+          //   position: absolute;
+          //   bottom: 2px;
+          //   right: 15px;
+          //   padding-left: 20px;
+          //   background: -webkit-linear-gradient(left, transparent, #fff 55%);
+          //   background: -o-linear-gradient(left, transparent, #fff 55%);
+          //   background: -moz-linear-gradient(left, transparent, #fff 55%);
+          //   background: linear-gradient(left, transparent, #fff 55%);
+          // }
           .cont {
             position: absolute;
             left: 0px;