From ebd4320ccbf79050d906589822c92911524ab3ad Mon Sep 17 00:00:00 2001
From: wangyi7099 <wy564654798@126.com>
Date: Mon, 22 Jan 2018 17:33:33 +0800
Subject: [PATCH] update:demo

---
 docs/index.html | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 8dadf920..e491eb99 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -113,7 +113,7 @@ <h2>Vuescroll Demo</h2>
                     </v-flex>
                 <v-flex md4 xs12 >
                     <v-card dark color="purple">
-                        <v-card-media  height="200px">
+                        <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                             <vue-scroll
                             :ops="demo1"
                             >
@@ -133,7 +133,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                        <v-card-media  height="200px">
+                        <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                             <vue-scroll
                             :ops="demo2"
                             >
@@ -153,7 +153,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo3"
                                     >
@@ -173,7 +173,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo4"
                                     >
@@ -193,7 +193,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo5"
                                     >
@@ -213,7 +213,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo6"
                                     >
@@ -233,7 +233,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo7"
                                     >
@@ -253,7 +253,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo8"
                                     >
@@ -273,7 +273,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo9"
                                     >
@@ -293,7 +293,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo10"
                                     @hscroll="hscroll"
@@ -316,7 +316,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo11"
                                     @vscroll="vscroll"
@@ -339,7 +339,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo12"
                                     >
@@ -359,7 +359,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo13"
                                     >
@@ -379,7 +379,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo14"
                                     >
@@ -399,7 +399,7 @@ <h2>Vuescroll Demo</h2>
                 </v-flex>
                 <v-flex md4 xs12 >
                         <v-card dark color="purple">
-                                <v-card-media  height="200px">
+                                <v-card-media  height="200px" :style="{width: windowInnerwidh}">
                                     <vue-scroll
                                     :ops="demo15"
                                     >
@@ -604,6 +604,7 @@ <h2>by wangyi7099 under MIT <a href="https://github.com/wangyi7099/vuescroll">Gi
         demo14,
         demo15,
         windowInnerheight: "",
+        windowInnerwidh: "",
         vBarProcess: 0,
         hBarProcess: 0
     },
@@ -619,6 +620,7 @@ <h2>by wangyi7099 under MIT <a href="https://github.com/wangyi7099/vuescroll">Gi
     },
     mounted() {
         this.windowInnerheight = window.innerHeight + 'px';
+        this.windowInnerwidh = window.innerWidth + 'px';
     }
 });
   </script>