合作伙伴修改

src/router/index.js

@@ -134,7 +134,7 @@ export const constantRoutes = [
     children: [
     children: [
       {
       {
         path: 'partnershipList',
         path: 'partnershipList',
-        component: () => import('@/views/partnership/list.vue'),
+        component: () => import('@/views/partnership/listAlter.vue'),
         name: 'PartnershipList',
         name: 'PartnershipList',
         meta: {title: '合作伙伴'}
         meta: {title: '合作伙伴'}
       }
       }

src/views/partnership/listAlter.vue

+<template>
+  <div>
+    <div class="custom-wrapper">
+      <div class="banner-wrapper">
+        <div class="banner-info">
+          <div class="custom-main-w">
+            <h5 class="title">合作伙伴</h5>
+            <h5 class="sub-title">PARTNER</h5>
+            <div class="txt">合作、共创、互赢</div>
+          </div>
+        </div>
+        <img src="@/assets/images/partners/hzhb-3.jpg" alt=""/>
+      </div>
+      <div class="custom-main-w">
+        <div class="partner-title">
+          <h5>我们的合作伙伴</h5>
+          <p>OUR PARTNER</p></div>
+        <div class="partner-list">
+          <el-row :gutter="15">
+            <el-col :span="8" class="is-guttered">
+              <div class="partner-item">
+                <div class="img"><img
+                    src="http://ph.xjkcjd.com:18081/prod-api/profile/upload/2024/12/25/智谱_20241225151742A098.png"
+                    alt=""></div>
+                <div class="title">北京智谱华章科技有限公司</div>
+                <p class="desc">
+                  北京智谱华章科技有限公司（简称“智谱”）致力于打造新一代认知智能大模型，专注于做大模型的中国创新。公司合作研发了中英双语千亿级超大规模预训练模型GLM-130B，并基于此推出对话模型ChatGLM，开源单卡版模型ChatGLM-6B。同时，团队还打造了AIGC模型及产品矩阵，包括AI提效助手智谱清言（chatglm.cn）、高效率代码模型CodeGeeX、多模态理解模型CogVLM和文生图模型CogView等。公司践行Model
+                  as a
+                  Service（MaaS）的市场理念，推出大模型MaaS开放平台（https://open.bigmodel.cn/），打造高效率、通用化的“模型即服务”AI开发新范式。通过认知大模型链接物理世界的亿级用户，智谱基于完整的模型生态和全流程技术支持，为千行百业带来持续创新与变革，加速迈向通用人工智能的时代。</p>
+                <div class="btn-box">
+                  <button aria-disabled="false" type="button"
+                          class="el-button el-button--default is-plain">
+                    <span class="">查看官网 </span>
+                  </button>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+      <div class="joinus-box">
+        <div class="custom-main-w joinus-inner-box">
+          <div class="cell-1 left">
+            <h5 class="title">
+              普惠算力公共服务平台，期待您的加入</h5>
+            <p class="desc">
+              让我们共同引领行业创新浪潮，共绘算力时代蓝图，成为超算互联网服务领域的佼佼者</p></div>
+          <div class="">
+            <a class="a-btn">加入我们</a>
+          </div>
+          <div></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped lang="scss">
+.banner-wrapper {
+  height: 400px;
+  width: 100%;
+  position: relative;
+  background: url("@/assets/images/partners/hzhb-2.jpeg") 0 0 / cover;
+}
+
+.banner-wrapper::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 0.5;
+  z-index: 1;
+  background: url('@/assets/images/partners/hzhb-2.jpeg') 0 0 / cover;
+}
+
+.banner-wrapper img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.banner-info {
+  position: absolute;
+  inset: 120px 0 90px;
+  z-index: 2;
+  color: rgb(255, 255, 255);
+}
+
+.banner-info .custom-main-w {
+  padding-left: 160px;
+}
+
+.banner-info .title {
+  line-height: 1.6;
+  font-size: 30px;
+  font-weight: 700;
+}
+
+.banner-info .sub-title {
+  font-size: 20px;
+  line-height: 1.6;
+}
+
+.banner-info .txt {
+  display: inline-block;
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  padding: 0px 20px;
+  margin: 20px 0px 0px;
+  background-color: rgb(15, 167, 229);
+}
+
+.partner-title {
+  padding: 80px 0px 30px;
+  text-align: center;
+}
+
+.partner-title h5 {
+  font-size: 30px;
+  font-weight: 700;
+  line-height: 2;
+}
+
+.partner-title p {
+  color: rgb(154, 154, 154);
+  font-size: 20px;
+  line-height: 2;
+}
+
+.partner-list {
+  margin: 0px 45px;
+  padding-bottom: 120px;
+}
+
+.partner-item {
+  background: rgb(251, 252, 254);
+  border-radius: 10px;
+  padding: 30px 40px 40px;
+  margin-bottom: 50px;
+}
+
+.partner-item .img {
+  width: 160px;
+  height: 70px;
+  margin: 0px auto 30px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.partner-item .img img {
+  width: auto;
+  max-height: 100%;
+  max-width: 100%;
+  display: inline-block;
+}
+
+.partner-item .title {
+  font-weight: 700;
+  font-size: 20px;
+  text-align: center;
+  height: 36px;
+  line-height: 36px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  color: rgb(51, 51, 51);
+}
+
+.partner-item .desc {
+  font-weight: 400;
+  font-size: 16px;
+  color: rgb(102, 102, 102);
+  line-height: 24px;
+  margin-top: 9px;
+  margin-bottom: 30px;
+  height: 72px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.partner-item .btn-box {
+  text-align: center;
+}
+
+.partner-item .btn-box .el-button {
+  height: 40px;
+  width: 110px;
+  border-radius: 10px;
+}
+
+</style>