chore: update doc (#19017)

* chore: update images

* chore: update images

* chore: update doc

docs/.vitepress/config/sponsors.ts

@@ -3,8 +3,8 @@ export const rightRichTextSponsors = []
 export const rightBigLogoSponsors = [
   {
     name: 'CRMEB',
-    img: '/images/sponsors/CRMEB.png',
-    imgL: '/images/sponsors/CRMEB-l.png',
+    img: '/images/CRMEB.png',
+    imgL: '/images/CRMEB-l.png',
     url: 'http://github.crmeb.net/u/Elementyouce',
     slogan: 'High-quality open source mall system',
     slogan_cn: '高品质开源商城系统 累计服务40W+开发者',
@@ -15,16 +15,16 @@ export const rightBigLogoSponsors = [
 export const rightLogoSmallSponsors = [
   {
     name: 'BuildAdmin',
-    img: '/images/sponsors/buildadmin.png',
-    imgL: '/images/sponsors/buildadmin-l.png',
+    img: '/images/buildadmin.png',
+    imgL: '/images/buildadmin-l.png',
     url: 'https://doc.buildadmin.com/?from=element-plus',
     slogan: 'Vue3 open source admin system',
     slogan_cn: 'Vue3企业级开源后台管理系统',
   },
   {
     name: '百搭云',
-    img: '/images/sponsors/baidayun-logo.png',
-    imgL: '/images/sponsors/baidayun.png',
+    img: '/images/baidayun-logo.png',
+    imgL: '/images/baidayun.png',
     url: 'http://www.i-renderer.love/home/index',
     slogan: 'Fast and elegant low-code dev platform',
     slogan_cn: '快速且优雅的低代码平台',
@@ -42,11 +42,11 @@ export const rightLogoSmallSponsors = [
 export const leftCustomImgSponsors = [
   {
     name: '美乐',
-    img: '/images/sponsors/mele.png',
+    img: '/images/mele.png',
     url: 'https://melecode.com/',
     slogan: 'Enterprise-level low-code development platform',
     slogan_cn: '企业级全栈低代码开发平台',
-    banner_img: '/images/sponsors/mele-banner.png',
+    banner_img: '/images/mele-banner.png',
   },
   {
     name: 'VForm',
@@ -54,7 +54,7 @@ export const leftCustomImgSponsors = [
     url: 'https://vform666.com/',
     slogan: 'Vue 2/3 Visual/Low-Code Forms',
     slogan_cn: 'Vue 2/3 可视化低代码表单',
-    banner_img: '/images/sponsors/vform-banner.png',
+    banner_img: '/images/vform-banner.png',
   },
   {
     name: 'JNPF',
@@ -63,7 +63,7 @@ export const leftCustomImgSponsors = [
     slogan: 'JNPF low code development platform to develop simple!',
     slogan_cn: 'JNPF 低代码开发平台，让开发变得简单！',
     className: 'jnpf',
-    banner_img: '/images/sponsors/jnpfsoft.jpg',
+    banner_img: '/images/jnpfsoft.png',
   },
 ]
 

docs/.vitepress/vitepress/components/vp-sponsor-large.vue

@@ -19,7 +19,7 @@ const onItemClick = (item: any) => {
       :key="item.name"
       :href="item.url"
       :title="`${item.name_cn || item.name} - ${item.slogan_cn || item.slogan}`"
-      :class="['sponsor-item inline-flex', itemClass]"
+      :class="['sponsor-large inline-flex', itemClass]"
       :style="itemStyle"
       target="_blank"
       @click="onItemClick(item)"
@@ -32,7 +32,7 @@ const onItemClick = (item: any) => {
 <style scoped lang="scss">
 @use '../styles/mixins.scss' as *;
 
-.sponsor-item {
+.sponsor-large {
   margin-bottom: 8px;
   height: 60px;
   width: 196px;
@@ -56,7 +56,7 @@ const onItemClick = (item: any) => {
 }
 
 @media (max-width: 768px) {
-  .sponsor-item {
+  .sponsor-large {
     img {
       border-radius: 4px;
       min-height: 45px;

docs/.vitepress/vitepress/components/vp-sponsor-small.vue

@@ -13,7 +13,7 @@ const onItemClick = (item: any) => {
       v-for="item in leftLogoSponsors"
       :key="item.name"
       :class="[
-        'sponsor-item inline-flex items-center',
+        'sponsor-each inline-flex items-center',
         item.isDark && isDark ? 'filter invert' : '',
       ]"
       :href="item.url"
@@ -31,7 +31,7 @@ const onItemClick = (item: any) => {
 div {
   display: flex;
   align-items: center;
-  .sponsor-item {
+  .sponsor-each {
     margin-right: 4px;
     height: 36px;
     width: 36px;