update site add sponsor

CloudlessMoon · Mar 11, 2019 · ccd5d64 · ccd5d64
1 parent 5dc6ad7
commit ccd5d64
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 3 deletions.
diff --git a/site/components/sponsors.vue b/site/components/sponsors.vue
@@ -11,18 +11,50 @@
             target="_blank"
           >
             <img
-              width="34"
+              height="51"
               src="https://cdn.tipe.io/tipe/tipe-cat-no-text.svg"
               alt="tipe"
             >
           </a>
         </li>
+        <li
+          v-if="isEffective(effectiveTime.bmatch)"
+          class="sponsorsItem"
+        >
+          <a
+            href="https://www.bmatch.tech/?ref=ant-design-vue"
+            target="_blank"
+          >
+            <img
+              height="61"
+              src="https://cdn.nlark.com/yuque/0/2019/png/87084/1552279877057-assets/web-upload/48a6ba91-6750-478c-956f-57aedb632fe5.png"
+              alt="bmatch"
+            >
+          </a>
+        </li>
       </ul>
     </div>
   </div>
 </template>
 <script>
+import moment from 'moment';
 export default {
   props: ['title'],
+  data() {
+    return {
+      top: 50,
+      effectiveTime : {
+        bmatch: {
+          start: '2019-03-11',
+          end: '2019-06-11',
+        },
+      },
+    };
+  },
+  methods: {
+    isEffective({start, end}){
+      return moment().isBetween(start, end);
+    },
+  },
 };
 </script>
diff --git a/site/index.less b/site/index.less
@@ -120,6 +120,9 @@
     display: none;
   }
 }
+.snd-ad{
+  padding-bottom: 10px;
+}
 .sponsorsWrap {
   padding-left: 40px;
   position: relative;
@@ -130,11 +133,15 @@
   }
   ul {
     overflow: hidden;
-    margin-top: 5px;
+    margin-top: 15px;
+    li {
+      position: relative;
+    }
   }
   .sponsorsItem {
     display: inline-block;
-    margin-right: 8px;
+    margin-right: 10px;
+    height: 51px;
   }
 }
 #nav {