|
|
@@ -33,7 +33,10 @@
|
|
|
<el-image class="image" :src="item.url" fit="fill" />
|
|
|
</el-col>
|
|
|
<el-col :span="20" class="right">
|
|
|
- <el-col :span="24" class="right_1">{{ item.name }}</el-col>
|
|
|
+ <el-col :span="24" class="right_1">
|
|
|
+ <div class="name">{{ item.name }}</div>
|
|
|
+ <div class="time">{{ item.time }}</div>
|
|
|
+ </el-col>
|
|
|
<el-col :span="24" class="right_2">{{ item.content }}</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
@@ -186,11 +189,21 @@ provide('list', list)
|
|
|
padding: 10px;
|
|
|
border-bottom: 1px solid #2c2e31;
|
|
|
.right {
|
|
|
- font-size: 14px;
|
|
|
margin: 5px 0 0 10px;
|
|
|
.right_1 {
|
|
|
- color: #fff;
|
|
|
- padding: 0 0 10px 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 10px 10px 0;
|
|
|
+ .name {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .time {
|
|
|
+ color: #51555e;
|
|
|
+ vertical-align: top;
|
|
|
+ word-break: keep-all;
|
|
|
+ font-size: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
.right_2 {
|
|
|
color: #999;
|
