This commit is contained in:
parent
487233462f
commit
e601829649
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -214,6 +214,12 @@
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.big-page{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.small-page{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue