xg

src/components/footerComp.vue

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

src/views/pages/home.vue

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

src/views/pages/notice.vue

@@ -213,7 +213,13 @@
                     font-size: .2rem;
                     color: #666;
                 }
-            }  
+            } 
+            .big-page{
+                display: block;
+            }
+            .small-page{
+                display: none;
+            } 
         }
     }
 }

src/views/pages/relic.vue

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