This commit is contained in:
wangting 2024-08-22 16:51:59 +08:00
parent 487233462f
commit e601829649
4 changed files with 42 additions and 20 deletions

View File

@ -93,7 +93,7 @@ footer {
height: 60px; height: 60px;
position: absolute; position: absolute;
top: 33%; top: 33%;
left: 33%; left: 35%;
} }
.middle-msgs { .middle-msgs {
@ -106,7 +106,7 @@ footer {
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
top: 30%; top: 30%;
left: 38%; left: 40%;
} }
.middle-msgs .footer-img{ .middle-msgs .footer-img{
width: 7rem; width: 7rem;
@ -232,7 +232,7 @@ footer {
background-repeat: no-repeat; background-repeat: no-repeat;
position: absolute; position: absolute;
top: 20%; top: 20%;
left: 35%; left: 39%;
} }
.middle-msgs div span { .middle-msgs div span {

View File

@ -22,10 +22,9 @@
</div> </div>
<div class="list"> <div class="list">
<div class="item" v-for="(item,index) in noticeList" :key="index" @click="jumpToPage('/article',item.id)"> <div class="item" v-for="(item,index) in noticeList" :key="index" @click="jumpToPage('/article',item.id)">
<div> <div class="item-left">
<span class="circle"></span> <span class="circle"></span>
<span class="name" v-if="item.title.length>15">{{item.title.slice(0,14)}}...</span> <span class="name" >{{item.title}}</span>
<span class="name" v-else>{{item.title}}</span>
</div> </div>
<span class="time">{{item.createTime.split(' ')[0]}}</span> <span class="time">{{item.createTime.split(' ')[0]}}</span>
</div> </div>
@ -544,14 +543,14 @@
this.$http.post(`/door/gwArticleList?categoryId=6`).then(res=>{ this.$http.post(`/door/gwArticleList?categoryId=6`).then(res=>{
this.explainList = res.data.rows.slice(0,6) this.explainList = res.data.rows.slice(0,6)
this.explainFirst = this.explainList.find(ele=>{ this.explainFirst = this.explainList.find(ele=>{
return ele.coverImage!='' return ele.coverImage&&ele.coverImage!=''
}) })
}) })
// //
this.$http.post(`/door/gwArticleList?categoryId=5`).then(res=>{ this.$http.post(`/door/gwArticleList?categoryId=5`).then(res=>{
this.showList = res.data.rows.slice(0,6) this.showList = res.data.rows.slice(0,6)
this.showFirst = this.showList.find(ele=>{ this.showFirst = this.showList.find(ele=>{
return ele.coverImage!='' return ele.coverImage&&ele.coverImage!=''
}) })
}) })
// //
@ -640,6 +639,7 @@
height: .4rem; height: .4rem;
display: flex; display: flex;
align-items: center; align-items: center;
img{ img{
width: .4125rem; width: .4125rem;
} }
@ -663,7 +663,12 @@
justify-content: space-between; justify-content: space-between;
border-bottom: 2px dashed #cecece; border-bottom: 2px dashed #cecece;
cursor: pointer; cursor: pointer;
.item-left{
width: 80%;
display: flex;
align-items: center;
.circle{ .circle{
width: 10%;
display: inline-block; display: inline-block;
width: .15rem; width: .15rem;
height: .15rem; height: .15rem;
@ -671,10 +676,17 @@
border: 1px solid #961824; border: 1px solid #961824;
} }
.name{ .name{
display: block;
width: 90%;
font-size: .25rem; font-size: .25rem;
color: #6e6d6d; color: #6e6d6d;
margin-left: .125rem; margin-left: .125rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
}
.time{ .time{
font-size: .2rem; font-size: .2rem;
color: #505050; color: #505050;

View File

@ -214,6 +214,12 @@
color: #666; color: #666;
} }
} }
.big-page{
display: block;
}
.small-page{
display: none;
}
} }
} }
} }

View File

@ -249,6 +249,9 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.small-time{
display: none;
}
} }
} }
@ -373,6 +376,7 @@
display: none; display: none;
} }
.small-time{ .small-time{
display: block;
font-size: .3rem; font-size: .3rem;
} }
} }