Kaynağa Gözat

移动端适配调整

ming 1 yıl önce
ebeveyn
işleme
8c7667e743
5 değiştirilmiş dosya ile 72 ekleme ve 31 silme
  1. 2 2
      about/index.html
  2. 41 3
      assets/css/style.css
  3. 1 1
      index.html
  4. 26 23
      news/index.html
  5. 2 2
      solution/index.html

+ 2 - 2
about/index.html

@@ -170,7 +170,7 @@
                                 <span class="title-tag">{{arr.title}}</span>
                             </div>
                             <!-- 图文混排 -->
-                            <div class="row" v-if="arr.image"
+                            <div class="row" v-if="arr.image" class="aboutOnlyText"
                                 :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"
                                 style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">
                                 <div class="col-md-7  pr-40 aboutImg ">
@@ -180,7 +180,7 @@
                                 </div>
                             </div>
                             <!-- 只有富文本 -->
-                            <div class="" v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"
+                            <div class="aboutOnlyText" v-else :style="{padding:(index % 2 == 1?'40px':'0 ')}"
                                 style="background-color: #ffff;">
                                 <div class=" about-text-image" v-html="arr.content">
                                 </div>

+ 41 - 3
assets/css/style.css

@@ -3200,10 +3200,29 @@
                 /* padding-top:30px; */
                
 
+            }
+            @media(max-width:768px){
+                .solutionItem{
+                    padding:40px 15px;
+                }
+                .solution-section .container{
+                    padding:30px 15px;
+                }
+                .solution-section .solutionTitle{
+                    font-size: 18px;
+
+    height: 40px;
+    line-height: 40px;
+    background-size:contain;
+
+
+    width: 100%;
+    padding-left: 15px;
+                }
             }
             /*===========================
-    Core Product
-===========================*/
+                Core Product
+            ===========================*/
             
             .coreproduct-section {
                 position: relative;
@@ -5267,7 +5286,7 @@
             }
             @media (max-width: 768px) {
                 .about-sec .container .aboutTyes{
-                    margin-bottom:60px;
+                    margin-bottom:35px;
                     text-align:center;
                     box-shadow: none;
 
@@ -5278,6 +5297,13 @@
                     margin:5px;
                    
                 }
+                .aboutOnlyText{
+                    /* padding:15px!important */
+                }
+                .about-sec .container .aboutImg{
+                    margin-bottom:20px
+                }
+
               
             }
             
@@ -6384,6 +6410,11 @@
                 margin-bottom: 48px;
                 /* box-shadow: 0px 2px 17px 4px rgb(158 158 158 / 15%); */
             }
+            @media(max-width:768px){
+                .newItemOne {
+                    margin-bottom: 28px;
+                }
+            }
             
             .oneInnerBox {
                 cursor: pointer;
@@ -6463,6 +6494,13 @@
                     margin-right: 3%;
                     margin-left: 3%;
                 }
+           
+            }
+            @media(max-width:768px) {
+            
+                .oneInnerBox span {
+                    margin-top: 10px;
+                }
             }
             /* newBox end  */
             

+ 1 - 1
index.html

@@ -51,7 +51,7 @@
                     <img src="/assets/img/home/f_phone.png" alt="">
                     <ul class="contactInner">
                         <li>
-                            <span> 电话111:</span>
+                            <span> 电话:</span>
                             <span>021-65376655 <br> 021-62985186</span>
                         </li>
                     </ul>

+ 26 - 23
news/index.html

@@ -162,36 +162,39 @@
         <!--====== NEWS CONTENT START ======-->
         <section class="news-content-section pt-70">
             <div class="container">
-                <div class="col-lg-12 col-md-12 content">
-                    <ul v-if="!loading">
-                        <!-- 新闻列表主题start -->
-                        <div class="row">
-                            <div class="col-md-4 newItemOne" v-for="item in articalArray" :key="item.id">
-                                <div class="oneInnerBox" @click="oneInnerBox(item)">
-                                    <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 content">
+                        <ul v-if="!loading">
+                            <!-- 新闻列表主题start -->
+                            <div class="row">
+                                <div class="col-md-4 newItemOne" v-for="item in articalArray" :key="item.id">
+                                    <div class="oneInnerBox" @click="oneInnerBox(item)">
+                                        <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">
+                                        </div>
+                                        <a class="line-two">{{item.title}}</a>
+                                        <span>{{timeFormatSeconds(item.createdate?item.createdate:'')}}</span>
                                     </div>
-                                    <a class="line-two">{{item.title}}</a>
-                                    <span>{{timeFormatSeconds(item.createdate?item.createdate:'')}}</span>
                                 </div>
                             </div>
-                        </div>
-                    </ul>
-
-                    <div v-if="!loading" class="page mt-30 mb-30">
-                        <div class="d-flex justify-content-center align-items-end cannot_selected"
-                            style="position:relative">
-                            <div class="page-des align-items-start cannot_selected">共<span> {{
-                                    totalPageNum}}</span>页,共<span> {{totalPageSzie}}</span>条信息</div>
-                            <el-pagination prev-text="上一页" next-text='下一页' :page-size="requestParams.pageSize"
-                                :current-page="requestParams.pageNum" background layout="prev, pager, next"
-                                :total="totalPageSzie" @current-change="currentChange">
-                            </el-pagination>
-                            <div class="page-des2 align-items-end cannot_selected pc">前往第
-                                <input v-model="goPage" class="previous" @keyup.enter="enterPage" /> 页
+                        </ul>
+    
+                        <div v-if="!loading" class="page mt-30 mb-30">
+                            <div class="d-flex justify-content-center align-items-end cannot_selected"
+                                style="position:relative">
+                                <div class="page-des align-items-start cannot_selected">共<span> {{
+                                        totalPageNum}}</span>页,共<span> {{totalPageSzie}}</span>条信息</div>
+                                <el-pagination prev-text="上一页" next-text='下一页' :page-size="requestParams.pageSize"
+                                    :current-page="requestParams.pageNum" background layout="prev, pager, next"
+                                    :total="totalPageSzie" @current-change="currentChange">
+                                </el-pagination>
+                                <div class="page-des2 align-items-end cannot_selected pc">前往第
+                                    <input v-model="goPage" class="previous" @keyup.enter="enterPage" /> 页
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
+                
             </div>
 
         </section>

+ 2 - 2
solution/index.html

@@ -179,10 +179,10 @@
                     <div class="row solutionInner">
                         <div class="col-md-7">
                             <p v-html="item.lmtitle"></p>
-                            <div class="pt-40">{{item.zhaiyao}}</div>
+                            <div class="pt-40 mb-20">{{item.zhaiyao}}</div>
                         </div>
                         <div class="col-md-5 text-center">
-                            <img :src="item.image" alt="">
+                            <img :src="item.image" alt="" >
                         </div>
                     </div>
                 </div>