错误 #8417: 首页-在活动咨询下方增加一个咨询流程label

src/views/index-copy.vue

@@ -127,14 +127,16 @@
             </el-col>
           </el-row>
         </div>
-<!--        <div class="flex-justify-center" style="margin-top: 40px;margin-bottom: 100px;z-index: 3 !important;">-->
-<!--          <el-button class="view-more-btn" @click="$router.push('/information/informationList')">更多资讯-->
-<!--            <el-icon>-->
-<!--              <ArrowRight/>-->
-<!--            </el-icon>-->
-<!--          </el-button>-->
-<!--        </div>-->
-        <div class="view-more-text" style="padding-top: 40px;" @click="$router.push('/information/informationList')">更多资讯</div>
+        <!--        <div class="flex-justify-center" style="margin-top: 40px;margin-bottom: 100px;z-index: 3 !important;">-->
+        <!--          <el-button class="view-more-btn" @click="$router.push('/information/informationList')">更多资讯-->
+        <!--            <el-icon>-->
+        <!--              <ArrowRight/>-->
+        <!--            </el-icon>-->
+        <!--          </el-button>-->
+        <!--        </div>-->
+        <div class="view-more-text" style="padding-top: 40px;" @click="$router.push('/information/informationList')">
+          更多资讯
+        </div>
       </div>
       <img class="block-light" src="@/assets/images/indexImg/glow5.png" alt=""/>
     </div>
@@ -192,6 +194,23 @@
     <!--        </el-button>-->
     <!--      </div>-->
     <!--    </div>-->
+    <div class="content-footer">
+      <div class="content-detail">
+        <img src="@/assets/images/indexImg/content1.png" alt=""/>
+        <div class="name">服务支持</div>
+        <div class="more">了解更多 ></div>
+      </div>
+      <div class="content-detail">
+        <img src="@/assets/images/indexImg/content2.png" alt=""/>
+        <div class="name">联系我们</div>
+        <div class="more">了解更多 ></div>
+      </div>
+      <div class="content-detail">
+        <img src="@/assets/images/indexImg/content3.png" alt=""/>
+        <div class="name">如何购买</div>
+        <div class="more">了解更多 ></div>
+      </div>
+    </div>
 
     <div class="footer">先进计算科技有限公司 沪ICP备18000749号-2</div>
   </div>
@@ -819,5 +838,46 @@ function openAssembly(data) {
     font-weight: bolder;
   }
 }
+
+.content-footer {
+  width: 100%;
+  height: 218px;
+  background: #fafafa;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 190px;
+
+  .content-detail {
+    display: flex;
+    flex-direction: column;
+    align-content: center;
+    align-items: center;
+    width: 100%;
+    max-width: 1520px;
+    cursor: pointer;
+
+    .name {
+      line-height: 32px;
+      font-size: 24px;
+      color: #333333;
+      text-align: center;
+    }
+
+    .more {
+      line-height: 22px;
+      font-size: 16px;
+      color: #333333;
+      margin-top: 16px;
+      text-align: center;
+    }
+  }
+
+  img {
+    width: 48px;
+    height: 48px;
+    margin-bottom: 20px;
+  }
+}
 </style>