From aba4afc3fc0ff85492da6b4470039af199a97d5d Mon Sep 17 00:00:00 2001
From: hinak0 <hinak0@qq.com>
Date: Thu, 13 Oct 2022 16:16:46 +0800
Subject: [PATCH] add the grid guides for demo page

---
 src/demo/app.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/demo/app.vue b/src/demo/app.vue
index e507c7e..12d1167 100644
--- a/src/demo/app.vue
+++ b/src/demo/app.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app">
-        <div class="list" id="list">
+        <div class="list grid" id="list">
             <VueDragResize v-for="(rect, index) in rects"
                            :key="index"
                            :w="rect.width"
@@ -66,6 +66,12 @@
         background-color: white;
     }
 
+    /* grid of the main panel */
+    .list.grid{
+        background-image: linear-gradient(chocolate 1px,transparent 1px),linear-gradient(90deg,chocolate 1px,transparent 1px);
+        background-size: 50px 50px;
+    }
+
     .box-shaddow {
         box-shadow:  10px 10px 15px 0px rgba(125,125,125,1);
     }
@@ -133,4 +139,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>