diff --git a/public/partnerlogos/alicloud.png b/public/partnerlogos/alicloud.png
deleted file mode 100644
index 2ba444c..0000000
Binary files a/public/partnerlogos/alicloud.png and /dev/null differ
diff --git a/public/partnerlogos/bababy.png b/public/partnerlogos/bababy.png
deleted file mode 100644
index 7c97222..0000000
Binary files a/public/partnerlogos/bababy.png and /dev/null differ
diff --git a/public/partnerlogos/baidu.png b/public/partnerlogos/baidu.png
deleted file mode 100644
index d705c28..0000000
Binary files a/public/partnerlogos/baidu.png and /dev/null differ
diff --git a/public/partnerlogos/bansen.png b/public/partnerlogos/bansen.png
deleted file mode 100644
index de52521..0000000
Binary files a/public/partnerlogos/bansen.png and /dev/null differ
diff --git a/public/partnerlogos/cjw.png b/public/partnerlogos/cjw.png
deleted file mode 100644
index 24b56cc..0000000
Binary files a/public/partnerlogos/cjw.png and /dev/null differ
diff --git a/public/partnerlogos/djyc.png b/public/partnerlogos/djyc.png
deleted file mode 100644
index 16dd421..0000000
Binary files a/public/partnerlogos/djyc.png and /dev/null differ
diff --git a/public/partnerlogos/dxm.png b/public/partnerlogos/dxm.png
deleted file mode 100644
index 9b54c25..0000000
Binary files a/public/partnerlogos/dxm.png and /dev/null differ
diff --git a/public/partnerlogos/haier.png b/public/partnerlogos/haier.png
deleted file mode 100644
index 6642ced..0000000
Binary files a/public/partnerlogos/haier.png and /dev/null differ
diff --git a/public/partnerlogos/hdl.png b/public/partnerlogos/hdl.png
deleted file mode 100644
index e2e3696..0000000
Binary files a/public/partnerlogos/hdl.png and /dev/null differ
diff --git a/public/partnerlogos/hisense.png b/public/partnerlogos/hisense.png
deleted file mode 100644
index 7771b4c..0000000
Binary files a/public/partnerlogos/hisense.png and /dev/null differ
diff --git a/public/partnerlogos/huawei.png b/public/partnerlogos/huawei.png
deleted file mode 100644
index 83d6db1..0000000
Binary files a/public/partnerlogos/huawei.png and /dev/null differ
diff --git a/public/partnerlogos/jdl.png b/public/partnerlogos/jdl.png
deleted file mode 100644
index 6ebc407..0000000
Binary files a/public/partnerlogos/jdl.png and /dev/null differ
diff --git a/public/partnerlogos/jnbylive.png b/public/partnerlogos/jnbylive.png
deleted file mode 100644
index 1e215bc..0000000
Binary files a/public/partnerlogos/jnbylive.png and /dev/null differ
diff --git a/public/partnerlogos/jsy.png b/public/partnerlogos/jsy.png
deleted file mode 100644
index b65400c..0000000
Binary files a/public/partnerlogos/jsy.png and /dev/null differ
diff --git a/public/partnerlogos/lsmy.png b/public/partnerlogos/lsmy.png
deleted file mode 100644
index 5d5a385..0000000
Binary files a/public/partnerlogos/lsmy.png and /dev/null differ
diff --git a/public/partnerlogos/mgcl.png b/public/partnerlogos/mgcl.png
deleted file mode 100644
index 8154a92..0000000
Binary files a/public/partnerlogos/mgcl.png and /dev/null differ
diff --git a/public/partnerlogos/midea.png b/public/partnerlogos/midea.png
deleted file mode 100644
index 5f6e4ba..0000000
Binary files a/public/partnerlogos/midea.png and /dev/null differ
diff --git a/public/partnerlogos/pfyh.png b/public/partnerlogos/pfyh.png
deleted file mode 100644
index 4c6fecf..0000000
Binary files a/public/partnerlogos/pfyh.png and /dev/null differ
diff --git a/public/partnerlogos/purcotton.png b/public/partnerlogos/purcotton.png
deleted file mode 100644
index 5e6dc41..0000000
Binary files a/public/partnerlogos/purcotton.png and /dev/null differ
diff --git a/public/partnerlogos/qdpj.png b/public/partnerlogos/qdpj.png
deleted file mode 100644
index 5382c71..0000000
Binary files a/public/partnerlogos/qdpj.png and /dev/null differ
diff --git a/public/partnerlogos/sfexpress.png b/public/partnerlogos/sfexpress.png
deleted file mode 100644
index 5323c5c..0000000
Binary files a/public/partnerlogos/sfexpress.png and /dev/null differ
diff --git a/public/partnerlogos/szzc.png b/public/partnerlogos/szzc.png
deleted file mode 100644
index f1f481e..0000000
Binary files a/public/partnerlogos/szzc.png and /dev/null differ
diff --git a/public/partnerlogos/tencent.png b/public/partnerlogos/tencent.png
deleted file mode 100644
index ad4d189..0000000
Binary files a/public/partnerlogos/tencent.png and /dev/null differ
diff --git a/public/partnerlogos/tusimple.png b/public/partnerlogos/tusimple.png
deleted file mode 100644
index 665ca5e..0000000
Binary files a/public/partnerlogos/tusimple.png and /dev/null differ
diff --git a/public/partnerlogos/xiaomi.png b/public/partnerlogos/xiaomi.png
deleted file mode 100644
index 705cbc4..0000000
Binary files a/public/partnerlogos/xiaomi.png and /dev/null differ
diff --git a/src/components/ExamplesContent.vue b/src/components/ExamplesContent.vue
new file mode 100644
index 0000000..7debef8
--- /dev/null
+++ b/src/components/ExamplesContent.vue
@@ -0,0 +1,14 @@
+<template>
+<div class="pageroot" style="background-color: white;"></div>
+</template>
+
+<script>
+export default {
+  name: "ExamplesContent"
+}
+</script>
+
+<style scoped lang="scss">
+@import "src/publicstyle.scss";
+
+</style>
diff --git a/src/components/Homepage.vue b/src/components/Homepage.vue
index 7584149..0b97690 100644
--- a/src/components/Homepage.vue
+++ b/src/components/Homepage.vue
@@ -1,3 +1,7 @@
+<script setup>
+import ExamplesContent from './ExamplesContent.vue'
+import Partners from './Tools/Partners.vue'
+</script>
 <template>
 <div id="homepageroot" class="pageroot">
   <div id="hpbanner" class="pagebanner">
@@ -109,6 +113,8 @@
       </div>
     </div>
   </div>
+  <ExamplesContent></ExamplesContent>
+  <Partners></Partners>
 </div>
 </template>
 
diff --git a/src/components/Tools/Partners.vue b/src/components/Tools/Partners.vue
new file mode 100644
index 0000000..ca315f4
--- /dev/null
+++ b/src/components/Tools/Partners.vue
@@ -0,0 +1,216 @@
+<template>
+<div class="pageroot" id="partnersroot" style="background-color: white;">
+  <div class="normalcontentdiv" id="ptntitle">
+    <span class="normalcontenttitle">
+      与50+合作伙伴共创
+    </span>
+  </div>
+  <div id="partnerscontent">
+    <div class="partneritempanel" id="ptn01">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn01.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn02">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn02.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn03">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn03.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn04">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn04.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn05">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn05.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn06">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn06.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn07">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn07.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn08">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn08.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn09">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn09.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn10">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn10.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn11">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn11.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn12">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn12.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn13">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn13.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn14">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn14.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn15">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn15.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn16">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn16.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn17">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn17.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn18">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn18.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn19">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn19.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn20">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn20.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn21">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn21.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn22">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn22.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn23">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn23.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn24">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn24.png"/>
+      </div>
+    </div>
+    <div class="partneritempanel" id="ptn25">
+      <div class="partnerlogodiv">
+        <img src="/partnerlogos/ptn25.png"/>
+      </div>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+export default {
+  name: "Partners"
+}
+</script>
+
+<style scoped lang="scss">
+@import "src/publicstyle.scss";
+
+#partnerscontent{
+  display: grid;
+  @include media-breakpoint-between(xs, md){
+    margin-left: 32px;
+    margin-right: 32px;
+    margin-top: 97px;
+
+    grid-template-columns: repeat(3, 1fr);
+    grid-template-rows: repeat(9, 1fr);
+  }
+  @include media-breakpoint-between(md,xl){
+    width: 600px;
+    margin-top: 97px;
+    margin-left: 100px;
+    margin-right: 100px;
+
+    grid-template-columns: repeat(3, 1fr);
+    grid-template-rows: repeat(9, 1fr);
+  }
+  @include media-breakpoint-up(xl){
+    margin-left: 289px;
+    margin-right: 289px;
+    margin-top: 95px;
+
+    grid-template-columns: repeat(5, 1fr);
+    grid-template-rows: repeat(5, 1fr);
+  }
+}
+#partnersroot{
+  @include media-breakpoint-between(xs, md){
+    padding-bottom: 64px;
+  }
+  @include media-breakpoint-up(md){
+    padding-bottom: 217px;
+  }
+}
+
+.partneritempanel{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  @include media-breakpoint-between(xs, md){
+    padding-top: 9px;
+    padding-bottom: 9px;
+  }
+  @include media-breakpoint-up(md){
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+}
+
+.partnerlogodiv{
+  aspect-ratio: 2.5;
+  @include media-breakpoint-between(xs, md){
+    max-width: 95px;
+    max-height: 38px;
+  }
+  @include media-breakpoint-up(md){
+    max-width: 200px;
+    max-height: 80px;
+  }
+}
+
+.partnerlogodiv img{
+  object-fit: fill;
+  width: 100%;
+  max-height: 100%;
+}
+</style>