|
@@ -24,14 +24,14 @@
|
|
|
:key="index"
|
|
|
@click.native="$router.push({ path: '/market/marketlists', query: { type: '1', column_name: '技术成果', id: item.id } })"
|
|
|
>
|
|
|
- <!-- <el-col :span="24" class="achieveImage">
|
|
|
+ <el-col :span="24" class="achieveImage">
|
|
|
<el-image v-if="item.image && item.image.length > 0" :src="item.image[0].url"></el-image>
|
|
|
<el-image v-else :src="achievezb"></el-image>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="name textOver">
|
|
|
{{ item.name }}
|
|
|
- </el-col> -->
|
|
|
- <el-col :span="2" class="achieveListLeft">
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="2" class="achieveListLeft">
|
|
|
<span>
|
|
|
a<br />c<br />h<br />i<br />e<br />v<br />e<br />m<br />e<br />n<br />t<br />s<br />s<br />u<br />p<br />e<br />r<br />m<br />a<br />r<br />k<br />e<br />t</span
|
|
|
>
|
|
@@ -57,7 +57,7 @@
|
|
|
<p>联系人:{{ item.contacts || '暂无' }}</p>
|
|
|
<p>电子邮箱:{{ item.email || '暂无' }}</p>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -770,96 +770,96 @@ export default {
|
|
|
height: 450px;
|
|
|
.achieveList {
|
|
|
position: relative;
|
|
|
- height: 445px;
|
|
|
+ height: 220px;
|
|
|
margin: 0 0 5px 0;
|
|
|
border: 1px dashed #ccc;
|
|
|
padding: 5px;
|
|
|
- .achieveListLeft {
|
|
|
- text-align: center;
|
|
|
- background-color: #ec6c2d;
|
|
|
- text-align: center;
|
|
|
- span {
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- .achieveListRight {
|
|
|
- .company {
|
|
|
- p:first-child {
|
|
|
- font-size: 20px;
|
|
|
- font-family: cursive;
|
|
|
- font-style: italic;
|
|
|
- color: #ec6c2d;
|
|
|
- font-weight: bold;
|
|
|
- padding: 0 10px 5px 10px;
|
|
|
- }
|
|
|
- p:nth-child(2) {
|
|
|
- border: 1px solid #ec6c2d;
|
|
|
- }
|
|
|
- p:nth-child(3) {
|
|
|
- border: 2px solid #f3e639;
|
|
|
- margin: 5px 0 0 0;
|
|
|
- width: 70%;
|
|
|
- }
|
|
|
- }
|
|
|
- .achimage {
|
|
|
- padding: 10px 5px;
|
|
|
- }
|
|
|
- .achname {
|
|
|
- padding: 0px 10px;
|
|
|
- font-size: 20px;
|
|
|
- font-family: cursive;
|
|
|
- font-style: italic;
|
|
|
- -webkit-text-fill-color: white;
|
|
|
- -webkit-text-stroke-color: #ec6c2d;
|
|
|
- -webkit-text-stroke-width: 1px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- word-break: break-all;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- margin: 10px 0 0 0;
|
|
|
- }
|
|
|
- .brief {
|
|
|
- font-size: 16px;
|
|
|
- padding: 0px 7px;
|
|
|
- font-weight: bold;
|
|
|
- line-height: 26px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 9;
|
|
|
- word-break: break-all;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- }
|
|
|
- .companyInfo {
|
|
|
- position: absolute;
|
|
|
- bottom: 14px;
|
|
|
- p {
|
|
|
- font-size: 10px;
|
|
|
- padding: 0 10px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- // .achieveImage .el-image {
|
|
|
- // width: 100%;
|
|
|
- // height: 435px;
|
|
|
- // overflow: hidden;
|
|
|
- // border-radius: 5px;
|
|
|
+ // .achieveListLeft {
|
|
|
+ // text-align: center;
|
|
|
+ // background-color: #ec6c2d;
|
|
|
+ // text-align: center;
|
|
|
+ // span {
|
|
|
+ // color: #fff;
|
|
|
+ // font-size: 14px;
|
|
|
+ // font-weight: bold;
|
|
|
+ // }
|
|
|
// }
|
|
|
- // .name {
|
|
|
- // position: absolute;
|
|
|
- // bottom: 0;
|
|
|
- // width: 97%;
|
|
|
- // height: 40px;
|
|
|
- // line-height: 40px;
|
|
|
- // background: #0085d25f;
|
|
|
- // font-size: 16px;
|
|
|
- // padding: 0 10px;
|
|
|
- // color: #333;
|
|
|
+ // .achieveListRight {
|
|
|
+ // .company {
|
|
|
+ // p:first-child {
|
|
|
+ // font-size: 20px;
|
|
|
+ // font-family: cursive;
|
|
|
+ // font-style: italic;
|
|
|
+ // color: #ec6c2d;
|
|
|
+ // font-weight: bold;
|
|
|
+ // padding: 0 10px 5px 10px;
|
|
|
+ // }
|
|
|
+ // p:nth-child(2) {
|
|
|
+ // border: 1px solid #ec6c2d;
|
|
|
+ // }
|
|
|
+ // p:nth-child(3) {
|
|
|
+ // border: 2px solid #f3e639;
|
|
|
+ // margin: 5px 0 0 0;
|
|
|
+ // width: 70%;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .achimage {
|
|
|
+ // padding: 10px 5px;
|
|
|
+ // }
|
|
|
+ // .achname {
|
|
|
+ // padding: 0px 10px;
|
|
|
+ // font-size: 20px;
|
|
|
+ // font-family: cursive;
|
|
|
+ // font-style: italic;
|
|
|
+ // -webkit-text-fill-color: white;
|
|
|
+ // -webkit-text-stroke-color: #ec6c2d;
|
|
|
+ // -webkit-text-stroke-width: 1px;
|
|
|
+ // overflow: hidden;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ // -webkit-line-clamp: 3;
|
|
|
+ // word-break: break-all;
|
|
|
+ // display: -webkit-box;
|
|
|
+ // -webkit-box-orient: vertical;
|
|
|
+ // margin: 10px 0 0 0;
|
|
|
+ // }
|
|
|
+ // .brief {
|
|
|
+ // font-size: 16px;
|
|
|
+ // padding: 0px 7px;
|
|
|
+ // font-weight: bold;
|
|
|
+ // line-height: 26px;
|
|
|
+ // overflow: hidden;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ // -webkit-line-clamp: 9;
|
|
|
+ // word-break: break-all;
|
|
|
+ // display: -webkit-box;
|
|
|
+ // -webkit-box-orient: vertical;
|
|
|
+ // }
|
|
|
+ // .companyInfo {
|
|
|
+ // position: absolute;
|
|
|
+ // bottom: 14px;
|
|
|
+ // p {
|
|
|
+ // font-size: 10px;
|
|
|
+ // padding: 0 10px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
// }
|
|
|
+ .achieveImage .el-image {
|
|
|
+ width: 100%;
|
|
|
+ height: 210px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+ .name {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ width: 97%;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ background: #0085d25f;
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 0 10px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
}
|
|
|
.achieveList:hover {
|
|
|
cursor: pointer;
|