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

57
src/views/portrait.vue
View File

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