chore: update readme jnpf (#4217)

README.md

@@ -46,6 +46,11 @@ This project is still under heavy development. Feel free to join us and make you
 <table align="center" cellspacing="0" cellpadding="0">
   <tbody>
     <tr>
+      <td align="center" valign="middle">
+        <a href="https://www.jnpfsoft.com/index.html?from=elementUI" target="_blank">
+          <img width="150px" src="https://user-images.githubusercontent.com/17680888/140337374-59b3cb43-c1d3-449e-9757-2503de56f8e2.png">
+        </a>
+      </td>
       <td align="center" valign="middle">
         <a href="https://bit.dev/?from=element-ui" target="_blank">
           <img width="150px" src="https://user-images.githubusercontent.com/10095631/41342907-e44e7196-6f2f-11e8-92f2-47702dc8f059.png">

docs/.vitepress/vitepress/components/globals/parallax-home.vue

@@ -11,6 +11,13 @@ const jumbotronRedOffset = ref(0)
 const jumbotronRef = ref<HTMLElement | null>(null)
 
 const sponsors = [
+  {
+    name: 'JNPF',
+    img: withBase('/images/jnpf_index.png'),
+    url: 'https://www.jnpfsoft.com/index.html?from=elementUI',
+    slogan: 'JNPF low code development platform to develop simple!',
+    className: 'jnpf',
+  },
   {
     name: 'bit',
     img: withBase('/images/bit.svg'),
@@ -252,6 +259,10 @@ useEventListener(window, 'scroll', handleScroll)
   .sponsors {
     display: flex;
     justify-content: center;
+    // jnpf ad class
+    .jnpf > div > p:last-of-type {
+      font-size: 12px;
+    }
   }
 
   .sponsor {