首页样式

src/main/resources/static/ftl/zfjyjgfwpt/sy.ftl

@@ -17,15 +17,15 @@
     <link rel="stylesheet" type="text/css" href="/${data.websiteInfo.rootPath }/main/css/swiper-bundle.min.css"/>
     <style type="text/css">
         .swiper {
-            width: 1240px; 
-            /* height: 395px; */
-          
+            width: 1240px;
+            overflow: hidden;
+        }
+        .swiper-slide{
+            height: 705px;
         }
         .swiper1 {
            width: 1240px;
-            /* height: 395px; */
-            /* margin-top: 10px; */
-            overflow: hidden;
+           overflow: hidden;
         }
         .zwsj {
 			text-align: center; 
@@ -115,53 +115,22 @@
                 </div>
                   <!-- <p class="viewMore"><a href="/${data.websiteInfo.rootPath }/fyjs/main.html">查看更多></a></p> -->
               </el-tab-pane>
-              <el-tab-pane label="法拍房源" name="third">
+               <!-- <el-tab-pane label="法拍房源" name="third">
                 <div class="index_middle_broker">
-                    <!-- <div class="index_middle_broker_title">
-                        <h2 style="cursor: default;"><span>最新</span><span style="color: #EF6A19;">经纪房源</span></h2>
-                        <p><a href="/zfjyjgfwpt/fyjs/main.html">查看更多></a></p>
-                    </div> -->
+
                     <div class="swiper2">
                         <div class="swiper-wrapper">
                         </div>
 						<div style="text-align: center;width: 100%;height: 205px;font-size: 16px;line-height: 110px;">暂无数据！</div>
                     </div>
-                    <!-- 如果需要导航按钮 -->
                     <div class="swiper-pagination2"></div>
         
                 </div>
-                <!-- <p class="viewMore"><a href="/${data.websiteInfo.rootPath }/fyjs/main.html">查看更多></a></p> -->
-              </el-tab-pane>
+              </el-tab-pane> -->
             </el-tabs>
           </template>
         </div>
-        <!-- <div class="index_middle_broker">
-            <div class="index_middle_broker_title">
-                <h2 style="cursor: default;"><span>最新</span><span style="color: #EF6A19;">经纪房源</span></h2>
-                <p><a href="/zfjyjgfwpt/fyjs/main.html">查看更多></a></p>
-            </div>
-            <div class="swiper">
-                <div class="swiper-wrapper">
-                </div>
-            </div>
-            如果需要导航按钮
-            <div class="swiper-pagination"></div>
-
-        </div>
-    </div>
-    <div class="two-box">
-        <div class="index_middle_brokers">
-            <div class="index_middle_broker_title" style="color:#fff;">
-                <h2 style="cursor: default;"><span>最新</span><span style="color: #EF6A19;">个人房源</span></h2>
-                <p><a href="/zfjyjgfwpt/fyjs/main.html" style="color:#fff;">查看更多></a></p>
-            </div>
-            <div class="swiper1">
-                <div class="swiper-wrapper">
-                </div>
-
-            </div>
-            如果需要导航按钮
-            <div class="swiper-pagination1"></div>
+        
         </div>
     </div> -->
     <div class="three-box" style="margin-top:50px;">

src/main/resources/static/main/css/index1.css

@@ -392,13 +392,11 @@ li {
 }
 
 .swiper-slide>ul {
-    width: 1199px;
-    height: 705px;
+    width: 1230px;
+    /* height: 705px; */
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-between;
-    /* padding: 0 15px; */
-    /* margin: 5px auto 0; */
+    /* justify-content: space-between; */
 }
 
 .swiper-slide>ul>li {
@@ -409,6 +407,7 @@ li {
     border-radius: 4px;
     background-color: #fff;
     overflow: hidden;
+    margin-right: 29px;
 }
 
 .swiper-button-prev {
@@ -620,10 +619,12 @@ li {
 
 .el-tabs__nav {
     left: 0%;
+    height: 50px;
 }
 
 .el-tabs__item {
-    width: 400px;
+    /* width: 400px; */
+    width: 600px;
     height: 50px !important;
     text-align: center;
     color: #333 !important;