Browse Source

新模板移动端调试

ming 11 months ago
parent
commit
b43993f1c7
2 changed files with 49 additions and 4 deletions
  1. 47 1
      src/assets/styles/common/style.css
  2. 2 3
      src/views/news/index.vue

+ 47 - 1
src/assets/styles/common/style.css

@@ -6868,6 +6868,7 @@
             /* 移动端导航样式 end */
 
 
+            /* 新闻新模板 start */
 
             .news2-box>div{
                      box-shadow: 0px 2px 17px 4px rgb(158 158 158 / 15%);
@@ -6878,6 +6879,9 @@
                 padding:10px 20px 0 20px
 
             }
+            .timeRight{
+                float:right
+            }
             .news2-box .news-right-list li:last-child{
                 border-bottom: 0px dashed #D5D5D5;
 
@@ -6916,4 +6920,46 @@
                 .news-right-list {
                     width:calc(100% - 218px)!important
                 }
-            }
+            }
+
+
+            @media(max-width:992px) {
+                .news2-box{
+                    display:block!important
+                }
+                .news-left-list {
+                    width:100%!important;
+                }
+              
+                .news-right-list {
+                    width:calc(100% - 0px)!important
+                }
+                .timeRight{
+                    float:none;
+                    display:block;
+                    text-align:left;
+                    margin-left:20px;
+                    line-height:20px;
+                    margin-bottom:10px
+                }
+                .news-right-list .text_nowrap{
+                    display:block
+                }
+                .newsTitleLeft{
+                    display:block;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+                .news2-box .news-right-list{
+                    padding:10px;
+                   
+                }
+                .news2-box .title{
+                    text-align:center
+                }
+            }
+
+
+
+              /* 新闻新模板 end */

+ 2 - 3
src/views/news/index.vue

@@ -143,9 +143,8 @@ export default defineComponent({
                         <ul>
                             <li class="" v-for="(item,index) in store.state.pageContent" :key="index" >
                                 <div  @click="details(item)">
-                                    <span style="width: 8px;height: 8px;background: #B7B7B7;border-radius: 50%;margin-right:10px"></span>
-                                    <a class="">{{item.title}}</a>
-                                    <span style="float:right">{{ item.createdate }}</span>
+                                    <a class="newsTitleLeft"><span style="width: 8px;height: 8px;background: #B7B7B7;border-radius: 50%;margin-right:10px"></span>{{item.title}}</a>
+                                    <span  class="timeRight" >{{ item.createdate }}</span>
                                 </div>
                             </li>