Bläddra i källkod

feat:定制服务PC端落地页修改

malin 3 år sedan
förälder
incheckning
d9014a081f

+ 24 - 13
src/web/staticres/structuredata/pc/css/stucturedPc.css

@@ -29,7 +29,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 260px;
+  width: 200px;
   height: 48px;
   font-size: 20px;
   font-weight: bold;
@@ -124,14 +124,14 @@
 .section-3-pic{
   width: 66px;
 }
-.section-item-card div:nth-child(2){
+.section-3 .section-item-card div:nth-child(2){
   margin: 12px auto;
   font-size: 18px;
   font-weight: 400;
   color: #FAE7CA;
   line-height: 28px; 
 }
-.section-item-card div:nth-child(3){
+.section-3 .section-item-card div:nth-child(3){
   font-size: 16px;
   font-weight: 400;
   color: #FFFFFF;
@@ -171,13 +171,11 @@
 }
 
 .section-5 {
-  background-size: 50% 83%;
-  background-position: 130% 1%;
+  background-position: 122% 15px;
 }
 .section-5 .section-content {
   padding-top: 20px;
   padding-bottom: 0;
-  height: px;
 }
 .section-5 .section-title-bg {
   width: 340px;
@@ -185,10 +183,11 @@
 }
 .section-5 .section-item-list {
   position: relative;
-  padding-top: 30px;
+  padding-top: 78px;
+  height: 245px;
 }
 .section-5 .section-item-card {
-  height: 115px;
+  height: 245px;
   flex: 1;
 }
 .section-5 .section-item-card:not(:last-of-type) {
@@ -221,9 +220,7 @@
   margin-top: 12px;
 }
 
-.s-section.section-6 {
-  margin-top: -110px;
-}
+
 .section-6 .section-content {
   padding-top: 0;
 }
@@ -302,6 +299,20 @@
 }
 
 /* S  1.17新增 */
-
-
+.section-9 .section-title-bg {
+  width: 340px;
+  height: 91px;
+}
+.section-9 .section-item-list {
+  display: flex;
+  align-items: center;
+  justify-content:space-between;
+}
+.section-9 .section-item-card {
+  width: 387px;
+  height: 303px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 /* E  1.17新增 */

BIN
src/web/staticres/structuredata/pc/image/new-section-9-bg.png


BIN
src/web/staticres/structuredata/pc/image/new-section-9-title.png


BIN
src/web/staticres/structuredata/pc/image/section-item-card-9-one.png


BIN
src/web/staticres/structuredata/pc/image/section-item-card-9-three.png


BIN
src/web/staticres/structuredata/pc/image/section-item-card-9-two.png


+ 18 - 14
src/web/templates/structuredata/pc/index.html

@@ -59,6 +59,13 @@
         .i-need-more .get-data-example-button {
             background-image: url('{{Msg "seo" "cdn"}}/structuredata/pc/image/bottom-fixed-button.png');
         }
+        .section-9 .section-content {
+            background-image: url('{{Msg "seo" "cdn"}}/structuredata/pc/image/new-section-9-bg.png');
+        }
+        .section-9 .section-title-bg {
+            background-image: url('{{Msg "seo" "cdn"}}/structuredata/pc/image/new-section-9-title.png');
+            background-position: center;
+        }
     </style>
 </head>
 <body class="indexpage">
@@ -75,7 +82,7 @@
                 </div>
             </div>
             <div class="section-buttons">
-                <button class="action-button get-data-example " data-id="structedData">咨询客服,了解更多</button>
+                <button class="action-button get-data-example  open-customer" data-id="structedData" style="width: 240px;">咨询客服,了解更多</button>
             </div>
         </div>
     </div>
@@ -133,7 +140,7 @@
                 </div>
             </div>
             <div class="section-buttons">
-                <button class="action-button get-data-example" data-id="structedData">马上预约,获取数据样例</button>
+                <button class="action-button get-data-example" data-id="structedData" style="width: 260px;">马上预约,获取数据样例</button>
             </div>
         </div>
     </div>
@@ -165,14 +172,14 @@
                     <div>
                         <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/section-5-card.png?v=1' alt="" style="width: 100%;">
                     </div>
-                    <div class="example-pic" style="margin: -130px auto;">
+                    <div class="example-pic" style="margin: -170px auto;">
                         <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/example-senior.png?v=1' alt="" >
                     </div>
                 </div>
             </div>
             <div class="section-buttons" style="margin-top: 188px;">
-                <button class="action-button consult-button open-customer" style="width: 200px;">立即咨询</button>
-                <button class="action-button get-data-example" data-id="structedData" style="width: 200px;">获取数据样例</button>
+                <button class="action-button consult-button open-customer">立即咨询</button>
+                <button class="action-button get-data-example" data-id="structedData">获取数据样例</button>
             </div>
         </div>
     </div>
@@ -181,24 +188,21 @@
             <div class="section-title-bg s-bg center"></div>
             <div class="section-item-list">
                 <div class="section-item-card">
-                    <div class="section-6-pic">
-                        <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/new-icon-4-1.png?v=1' alt="" style="width: 100%;">
+                    <div class="section-9-pic">
+                        <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/section-item-card-9-one.png?v=1' alt="" style="width: 100%;">
                     </div>
                 </div>
                 <div class="section-item-card">
-                    <div class="section-6-pic">
-                        <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/new-icon-4-1.png?v=1' alt="" style="width: 100%;">
+                    <div class="section-9-pic">
+                        <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/section-item-card-9-two.png?v=1' alt="" style="width: 100%;">
                     </div>
                 </div>
                 <div class="section-item-card">
-                    <div class="section-6-pic">
-                        <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/new-icon-4-1.png?v=1' alt="" style="width: 100%;">
+                    <div class="section-9-pic" >
+                        <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/section-item-card-9-three.png?v=1' alt="" style="width: 100%;">
                     </div>
                 </div>
             </div>
-            <div class="section-buttons">
-                <button class="action-button get-data-example" data-id="structedData">马上预约,获取数据样例</button>
-            </div>
         </div>
     </div>
     <div class="s-section section-6">