From 200fb5a5ae4e5d04030416f92180c08224e1e1b1 Mon Sep 17 00:00:00 2001
From: Zhaoyang <yangzhao635226@163.com>
Date: Wed, 25 Mar 2020 17:00:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A1=88=E4=BE=8B=E4=BD=93?=
 =?UTF-8?q?=E9=AA=8C=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 diboot-docs/.vuepress/components/HomeLayout.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/diboot-docs/.vuepress/components/HomeLayout.vue b/diboot-docs/.vuepress/components/HomeLayout.vue
index 80e017a..052c9a4 100644
--- a/diboot-docs/.vuepress/components/HomeLayout.vue
+++ b/diboot-docs/.vuepress/components/HomeLayout.vue
@@ -4,8 +4,14 @@
       <div class="hero">
         <p class="action">
           <a :href="$withBase('/guide/diboot-core/安装.html')" class="button white">快速上手</a>
-
           <i class="fa fa-2x fa-play-circle" aria-hidden="true"></i>
+
+          <a href="https://devtools-v2.diboot.com/antd/" class="button white" target="_blank">Antd项目案例</a>
+          <i class="fa fa-2x fa-play-circle" aria-hidden="true"></i>
+
+          <a :href="$withBase('https://devtools-v2.diboot.com/element/')" class="button white" target="_blank">Element项目案例</a>
+          <i class="fa fa-2x fa-play-circle" aria-hidden="true"></i>
+
           <a href="javascript:;" class="button has-icon" @click="showVideo">
             <img class="icon" src="../public/play-circle.png" alt="">
             了解 diboot 2.0
@@ -279,7 +285,8 @@ a.button.white {
 }
 @media screen and (max-width: 750px) {
   .button.has-icon{
-    margin-top: 15px;
+    display: block;
+    margin-top: 5px;
   }
   .home {
     padding: 0;
@@ -310,6 +317,8 @@ a.button.white {
     height: 180px;
   }
   a.button.white{
+    display: block;
+    margin-bottom: 10px;
     margin-right: 0;
   }
 }