云塑——官网样式修改

website/src/main/resources/templates/about.html

@@ -110,10 +110,10 @@
                     </div>
                 </div>
                 <div class="row portfolio text-center">
-                    <div class="col-md-4" style="margin-bottom: 60px;" th:each="item : ${qualifications}">
+                    <div class="col-md-4 alllll" style="margin-bottom: 60px;" th:each="item : ${qualifications}">
                         <div class="box-image-text">
-                            <div class="image"><img th:src="${{item.imgUrl}}" alt="..." class="img-fluid">
-                                <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
+                            <div class="image image-about">
+                                <img th:src="${{item.imgUrl}}" alt="..." class="img-fluid">
                             </div>
                             <div class="content">
                                 <h4><span href="#" th:text="${item.title}"></span></h4>

website/src/main/resources/templates/css/style.blue.css

@@ -1499,6 +1499,27 @@ header.nav-holder.sticky {
     max-height: 120px;
 }
 
+.box-image-text .image-about {
+  display: inline-block;
+  width: 100%;
+  text-align: center;
+  height: 200px;
+  line-height: 200px;
+}
+
+.box-image-text .image-about img {
+  max-height: 200px;
+}
+
+.alllll:nth-child(-n+3) .box-image-text .image-about {
+  height: 400px;
+  line-height: 400px;
+}
+
+.alllll:nth-child(-n+3) .box-image-text .image-about img {
+  max-height: 400px;
+}
+
 .box-image-text .overlay {
   width: 100%;
   height: 100%;