|
|
@@ -1,23 +1,25 @@
|
|
|
<template>
|
|
|
<div id="listRight">
|
|
|
<el-row>
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <el-col :span="24" class="title">{{title1}}</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="content">
|
|
|
- <ul>
|
|
|
- <li v-for="(item,index) in listRight" :key="index">
|
|
|
- <a href="#/detail">
|
|
|
- <span class="dot"></span>
|
|
|
- <span>{{item.title}}</span>
|
|
|
- <span class="tt">{{item.time}}</span>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="page">
|
|
|
- <el-pagination background layout="prev, pager, next" :total="1000">
|
|
|
- </el-pagination>
|
|
|
+ <el-col :span="24" class="listRight">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <el-col :span="24" class="title">{{title1}}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="content">
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item,index) in listRight" :key="index">
|
|
|
+ <a href="#/detail">
|
|
|
+ <span class="dot"></span>
|
|
|
+ <span>{{item.title}}</span>
|
|
|
+ <span class="tt">{{item.time}}</span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="page">
|
|
|
+ <el-pagination background layout="prev, pager, next" :total="1000">
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
@@ -28,17 +30,21 @@ export default {
|
|
|
name: 'listRight',
|
|
|
props: {
|
|
|
listRight: null,
|
|
|
- title1:null,
|
|
|
+ title1: null,
|
|
|
},
|
|
|
components: {},
|
|
|
data: () => ({}),
|
|
|
- created() {},
|
|
|
+ created() { },
|
|
|
computed: {},
|
|
|
methods: {},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
+.listRight {
|
|
|
+ position: relative;
|
|
|
+ height: 616px;
|
|
|
+}
|
|
|
a {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
@@ -55,7 +61,7 @@ a {
|
|
|
}
|
|
|
.content {
|
|
|
display: -webkit-box;
|
|
|
- -webkit-line-clamp: 12;
|
|
|
+ -webkit-line-clamp: 13;
|
|
|
-webkit-box-orient: vertical;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
@@ -92,7 +98,8 @@ a > span {
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
.page {
|
|
|
- margin-top: 50px;
|
|
|
text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 20px;
|
|
|
}
|
|
|
</style>
|
