|
@@ -82,6 +82,31 @@
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-col :span="24" class="downLeftTop">
|
|
|
|
+ <el-image :src="downLeftTopImage"></el-image>
|
|
|
|
+ <span class="topText">
|
|
|
|
+ <span>最新发布</span>
|
|
|
|
+ <span
|
|
|
|
+ ><p>B</p>
|
|
|
|
+ <p>anking</p></span
|
|
|
|
+ >
|
|
|
|
+ <span @click="fabu()">我要发布</span>
|
|
|
|
+ </span>
|
|
|
|
+ <el-col :span="24" class="downLeftInfos">
|
|
|
|
+ <el-col :span="12" class="bankingLists" v-for="(item, index) in serviceList" :key="index" @click.native="serviceDetail(item.id)">
|
|
|
|
+ <el-col :span="10">
|
|
|
|
+ <el-image :src="item.image[0].url"></el-image>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <span class="textOvers">{{ item.name }}</span>
|
|
|
|
+ <span>{{ item.introduction }}</span>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -180,6 +205,10 @@ export default {
|
|
serviceDetail(id) {
|
|
serviceDetail(id) {
|
|
window.location.href = 'http://free.liaoningdoupo.com/platweb/supermaket/supermarketdetail?totaltype=2&&?&id=' + id + '';
|
|
window.location.href = 'http://free.liaoningdoupo.com/platweb/supermaket/supermarketdetail?totaltype=2&&?&id=' + id + '';
|
|
},
|
|
},
|
|
|
|
+
|
|
|
|
+ fabu() {
|
|
|
|
+ window.location.href = 'http://localhost:8002/enterprise/enterprisexuqiu';
|
|
|
|
+ },
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
@@ -355,7 +384,7 @@ export default {
|
|
color: #044b79;
|
|
color: #044b79;
|
|
}
|
|
}
|
|
.marketDown {
|
|
.marketDown {
|
|
- height: 550px;
|
|
|
|
|
|
+ height: 780px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
margin: 20px 0 20px 0;
|
|
margin: 20px 0 20px 0;
|
|
background: #e9edf6;
|
|
background: #e9edf6;
|
|
@@ -409,6 +438,38 @@ export default {
|
|
top: 20px;
|
|
top: 20px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
+.bankingLists {
|
|
|
|
+ height: 152px;
|
|
|
|
+}
|
|
|
|
+.bankingLists .el-image {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 130px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+}
|
|
|
|
+.bankingLists span {
|
|
|
|
+ margin: 0 5px 0 5px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 80%;
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ padding: 0 0 0 10px;
|
|
|
|
+ color: #044b79;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+}
|
|
|
|
+.bankingLists span:last-child {
|
|
|
|
+ margin: 10px 0 0 5px;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-line-clamp: 4;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ padding: 0 0 0 10px;
|
|
|
|
+ color: #666;
|
|
|
|
+ line-height: 25px;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+}
|
|
|
|
+
|
|
.bankingList {
|
|
.bankingList {
|
|
height: 152px;
|
|
height: 152px;
|
|
}
|
|
}
|
|
@@ -440,6 +501,7 @@ export default {
|
|
line-height: 25px;
|
|
line-height: 25px;
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
+
|
|
.downRightImage {
|
|
.downRightImage {
|
|
float: none;
|
|
float: none;
|
|
width: 85%;
|
|
width: 85%;
|