Kaynağa Gözat

feat:修改样式

malin 3 yıl önce
ebeveyn
işleme
be63c9134e
1 değiştirilmiş dosya ile 16 ekleme ve 4 silme
  1. 16 4
      src/web/templates/structuredata/pc/index.html

+ 16 - 4
src/web/templates/structuredata/pc/index.html

@@ -72,6 +72,17 @@
         width: 120px;
         position: absolute;
         }
+        .section-3 .xuxian{
+        height: 10px;
+        width: 830px;
+        border-bottom: 1px dashed #F9E4C2;
+        position: relative;
+        top: 99px;
+        left: 186px;
+        }
+        .section-3 .cenji{
+            z-index: 1;
+        }
     </style>
 </head>
 <body class="indexpage">
@@ -115,30 +126,31 @@
     <div class="s-section section-3">
         <div class="section-content s-bg center">
             <div class="section-title-bg s-bg center"></div>
+            <div class="xuxian"></div>
             <div class="section-item-list">
                 <div class="section-item-card">
-                    <div class="section-3-pic">
+                    <div class="section-3-pic cenji">
                         <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/new-icon-4-1.png?v=1' alt="" style="width: 100%;">
                     </div>
                     <div>1.用户需求</div>
                     <div style="margin-bottom: 21px;">用户向剑鱼标讯提出数据需求</div>
                 </div>
                 <div class="section-item-card">
-                    <div class="section-3-pic">
+                    <div class="section-3-pic cenji">
                         <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/new-icon-4-2.png?v=1' alt="" style="width: 100%;">
                     </div>
                     <div>2.数据规则确认</div>
                     <div>剑鱼标讯数据服务工程师与用户<br>沟通需求,建立用户数据规则</div>
                 </div>
                 <div class="section-item-card">
-                    <div class="section-3-pic">
+                    <div class="section-3-pic cenji">
                         <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/new-icon-4-3.png?v=1' alt="" style="width: 100%;">
                     </div>
                     <div>3.样例数据输出</div>
                     <div>依据数据规则输出样例数据,<br>由用户进行样例数据的确认</div>
                 </div>
                 <div class="section-item-card">
-                    <div class="section-3-pic">
+                    <div class="section-3-pic cenji">
                         <img src='{{Msg "seo" "cdn"}}/structuredata/pc/image/new-icon-4-4.png?v=1' alt="" style="width: 100%;">
                     </div>
                     <div>4.数据交付</div>