|
@@ -14,12 +14,16 @@
|
|
|
<el-col :span="24" class="leftTop">
|
|
|
<span>|</span> <span>{{ menuName }}</span>
|
|
|
</el-col>
|
|
|
- <el-col class="infoLeftList" :span="24" v-for="(item, index) in zhuantiList" :key="index">
|
|
|
- <p>{{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}</p>
|
|
|
- <p>
|
|
|
- <span class="textOver" @click="clickshanpin(item.id)">{{ item.name }} </span><span></span>
|
|
|
- <span>{{ item.introduction }}</span>
|
|
|
- </p>
|
|
|
+ <el-col class="zhuantiList" :span="24" v-for="(item, index) in zhuantiList" :key="index">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="20" class="name textOver">
|
|
|
+ {{ item.name }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="date">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="introduction"> 简介:{{ item.introduction }} </el-col>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col v-if="menuIndex == '1'" class="leftInfo">
|
|
@@ -48,12 +52,19 @@
|
|
|
<el-col :span="24" class="leftTop">
|
|
|
<span>|</span> <span>{{ menuName }}</span>
|
|
|
</el-col>
|
|
|
- <el-col class="infoLeftList" :span="24" v-for="(item, index) in jiaoyuList" :key="index">
|
|
|
- <p>{{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}</p>
|
|
|
+ <el-col class="jiaoyuList" :span="24" v-for="(item, index) in jiaoyuList" :key="index">
|
|
|
+ <el-col :span="20" class="name textOver">
|
|
|
+ {{ item.name }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" class="date">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="introduction"> 简介:{{ item.resume }} </el-col>
|
|
|
+ <!-- <p>{{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}</p>
|
|
|
<p>
|
|
|
<span class="textOver" @click="clickzhuanjia(item.id)">{{ item.name }}</span>
|
|
|
<span>{{ item.resume }}</span>
|
|
|
- </p>
|
|
|
+ </p> -->
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col class="page">
|
|
@@ -512,4 +523,51 @@ export default {
|
|
|
background: #f60;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+// 新增
|
|
|
+// 技术
|
|
|
+.zhuantiList {
|
|
|
+ padding: 0 30px 0 10px;
|
|
|
+ margin: 0px 0 11px 0;
|
|
|
+ .name {
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ }
|
|
|
+ .date {
|
|
|
+ text-align: right;
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ }
|
|
|
+ .introduction {
|
|
|
+ font-size: 16px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
+}
|
|
|
+// 专家
|
|
|
+.jiaoyuList {
|
|
|
+ padding: 0 30px 0 10px;
|
|
|
+ margin: 0px 0 11px 0;
|
|
|
+ .name {
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ }
|
|
|
+ .date {
|
|
|
+ text-align: right;
|
|
|
+ font-size: 18px;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ }
|
|
|
+ .introduction {
|
|
|
+ font-size: 16px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|