|
@@ -2,14 +2,20 @@
|
|
|
<div id="item">
|
|
|
<list-layout @search="toSearch" :needSearch="false" :hasMore="hasMore">
|
|
|
<template v-slot:content>
|
|
|
- <el-row style="background:#fff" v-for="(item, index) in list" :key="index" :gutter="10" @click.native="toHtml(item)">
|
|
|
+ <el-row
|
|
|
+ style="background:#fff;padding: 5px 0;border-bottom: 1px dashed #ccc;"
|
|
|
+ v-for="(item, index) in list"
|
|
|
+ :key="index"
|
|
|
+ :gutter="10"
|
|
|
+ @click.native="toHtml(item)"
|
|
|
+ >
|
|
|
<el-col :span="8">
|
|
|
<el-image fit="cover" :src="item.pic ? item.pic : defaultImg"></el-image>
|
|
|
</el-col>
|
|
|
<el-col :span="16">
|
|
|
- <el-col :span="24">{{ item.title }}</el-col>
|
|
|
+ <el-col :span="24" class="title">{{ item.title }}</el-col>
|
|
|
<el-col :span="24" class="content_word">
|
|
|
- <span v-html="item.content"></span>
|
|
|
+ <p v-html="item.content"></p>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -47,9 +53,20 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
+p {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
.content_word {
|
|
|
- font-size: 12px;
|
|
|
- color: #3333338f;
|
|
|
+ height: 45px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/.content_word p p {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.title {
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|