|
@@ -9,7 +9,7 @@
|
|
{{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表
|
|
{{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表
|
|
</span>
|
|
</span>
|
|
<p ref="brief">{{article.brief}}</p>
|
|
<p ref="brief">{{article.brief}}</p>
|
|
- <a :href="'#/information/news/' + article.id">阅读全文>></a>
|
|
|
|
|
|
+ <a :href="!article.outer_link ? ('#/information/news/' + article.id) : article.outer_link">阅读全文>></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -89,24 +89,31 @@ export default {
|
|
|
|
|
|
@media screen and (min-width: 700px) {
|
|
@media screen and (min-width: 700px) {
|
|
.article {
|
|
.article {
|
|
- padding-right: calc(100% - 330px);
|
|
|
|
|
|
+ display: flex;
|
|
|
|
+ /* padding-right: calc(100% - 330px); */
|
|
position: relative;
|
|
position: relative;
|
|
padding-bottom: 40px;
|
|
padding-bottom: 40px;
|
|
margin-bottom: 40px;
|
|
margin-bottom: 40px;
|
|
|
|
+ align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
|
|
.article img {
|
|
.article img {
|
|
|
|
+ margin-right: 30px;
|
|
width: 300px;
|
|
width: 300px;
|
|
|
|
+ height: auto;
|
|
|
|
+ align-self: flex-start;
|
|
}
|
|
}
|
|
|
|
|
|
.article div {
|
|
.article div {
|
|
- position: absolute;
|
|
|
|
|
|
+ flex: 1;
|
|
|
|
+ /* position: absolute;
|
|
left: 330px;
|
|
left: 330px;
|
|
right: 0;
|
|
right: 0;
|
|
top: 0;
|
|
top: 0;
|
|
- bottom: 40px;
|
|
|
|
|
|
+ bottom: 40px; */
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
+ align-self: stretch
|
|
}
|
|
}
|
|
|
|
|
|
.article h2,
|
|
.article h2,
|
|
@@ -116,7 +123,7 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.article p {
|
|
.article p {
|
|
- height: 88px;
|
|
|
|
|
|
+ /* height: 88px; */
|
|
flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
@@ -133,5 +140,9 @@ export default {
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .article a {
|
|
|
|
+ justify-self: end;
|
|
|
|
+ }
|
|
|
|
+
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|