Просмотр исходного кода

fix:移动端样式修改,pc图片修改

shenchunlv 2 лет назад
Родитель
Сommit
9891bc542f
4 измененных файлов с 11 добавлено и 7 удалено
  1. 1 1
      nuxt.config.js
  2. 2 2
      pages/index.vue
  3. 7 3
      static/index.less
  4. 1 1
      static/m_index.less

+ 1 - 1
nuxt.config.js

@@ -1,7 +1,7 @@
 export default {
   // Global page headers: https://go.nuxtjs.dev/config-head
   head: {
-    title: '融数科',
+    title: '融数科',
     htmlAttrs: {
       lang: 'en'
     },

+ 2 - 2
pages/index.vue

@@ -149,8 +149,8 @@
         </div>
         <div class="home-ad-xw" v-if="homeList3[0]">
           <div class="ad-free-img">
-            <img v-if="activeKey" :src="homeList3[activeKey].images" style="width:100%;height: 100%;" alt="">
-            <img v-else :src="homeList3[0].images" style="width:100%;height: 100%;" alt="">
+            <img v-if="activeKey" :src="homeList3[activeKey].images" style="width:100%;height: 100%;object-fit: cover;" alt="">
+            <img v-else :src="homeList3[0].images" style="width:100%;height: 100%;object-fit: cover;" alt="">
 
           </div>
           <div class="ad-free-content">

+ 7 - 3
static/index.less

@@ -204,7 +204,8 @@ body {
     }
 
     &-title {
-      font-size: 16px;
+      // font-size: 16px;
+      font-size: 50px;
     }
 
     .home-static-btn {
@@ -325,15 +326,18 @@ body {
 
   // align-items: center;
   .ad-free-img {
-    width: 50%;
+    // width: 50%;
+    height: 500px;
     // height: 100%;
     margin-right: 50px;
   }
 
   .ad-free-content {
     flex: 1;
-    height: 100%;
+    // height: 100%;
+    height: 500px;
     border: 1px solid #ECECEC;
+    overflow-y: scroll;
   }
 }
 

+ 1 - 1
static/m_index.less

@@ -181,7 +181,7 @@ body {
     }
 
     &-title {
-      font-size: 16px;
+      font-size: 50px;
     }
 
     .home-static-btn {