williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

首页更多详情页的每一行布局

Browse Source
This commit is contained in:
熊丽君
2021-10-21 13:32:51 +08:00
parent 22783895c7
commit c5ec7c334c
1 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/portrait.vue
View File

@ -55,8 +55,10 @@
>
</div>
<div class="screen_l_b" v-for="item in portraitData" :key="item.id">
<div class="title text_hidden_one pointer">
<div class="title pointer">
<div class="con">
<router-link
class="text_hidden_one"
target="_blank"
:to="{
path: '/result',
@ -68,14 +70,19 @@
>
{{ item.title }}
</router-link>
<span class="info">
<span v-if="type != 'information'">{{ item.listDate }}</span>
<span v-else>{{ item.createTime }}</span>
</span>
</div>
<div class="info" v-if="type != 'information'">
</div>
<!-- <div class="info" v-if="type != 'information'">
<span>来源：{{ item.source }}</span>
<span>发布：{{ item.listDate }}</span>
</div>
<div class="info" style="justify-content: flex-end;" v-else>
<span>发布：{{ item.createTime }}</span>
</div>
</div> -->
</div>
<div style="text-align: center;margin:30px 0" v-show="!total">
<div style="height:210px;display: inline-block;color:#999">
@ -250,7 +257,7 @@ export default {
<style lang="scss" scoped>
.portrait_page {
.padding-top {
padding-top: 70px;
padding-top: 25px;
.search {
text-align: center;
margin-bottom: 26px;
@ -283,7 +290,7 @@ export default {
.header {
display: flex;
align-items: center;
height: 90px;
height: 70px;
padding: 30px;
background-color: #f5f5f5;
.el-tabs {
@ -299,19 +306,29 @@ export default {
.screen_l_b {
padding: 0 20px;
height: 110px;
display: flex;
height: 50px;
line-height: 50px;
// display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #e3e3e3;
.title {
height: 100%;
font-size: 18px;
color: #333;
margin-bottom: 16px;
// margin-bottom: 16px;
text-align: left;
.con {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.info {
float: right;
flex: 0 0 150px;
font-size: 16px;
color: #999;
display: flex;