Update fix.

tangbc · Mar 23, 2017 · da20585 · da20585
1 parent c8ea909
commit da20585
Show file tree

Hide file tree

Showing 10 changed files with 32 additions and 33 deletions.
diff --git a/README.md b/README.md
@@ -4,12 +4,12 @@
 
 ## vue-virtual-scroll-list
 
-> A vue component that support big data by using virtual scroll list. Tiny, smooth and without any dependence.
+> A vue component support big data by using virtual scroll list. Tiny, smooth and without any dependence.
 
 
 ## How it works
 
-<img src="https://tangbc.github.io/github-images/virtual-scroll-list-4.gif">
+<img src="https://tangbc.github.io/github-images/virtual-scroll-list-2.gif">
 
 
 ## Demos
@@ -35,10 +35,7 @@ Using Vue single file components:
 ```javascript
 <template>
 	<div>
-		<VirtualList
-			:size="40"
-			:remain="8"
-		>
+		<VirtualList :size="40" :remain="8">
 			<Item v-for="(item, index) of items" :item="item" :key="item.id" />
 		</VirtualList>
 	</div>
@@ -76,6 +73,11 @@ The `<Item />` component is defined outside but included inside the `<VirtualLis
 | toBottom | Event | * | An event emit by virtual list component when the list is scrolled on bottom. |
 
 
+## Contributions
+
+Welcome to improve vue-virtual-scroll-list by any pull request or issue!
+
+
 ## License
 
 [MIT License](https://github.com/tangbc/vue-virtual-scroll-list/blob/master/LICENSE)
diff --git a/demo/build/finite.js b/demo/build/finite.js
diff --git a/demo/build/finite.js.map b/demo/build/finite.js.map
diff --git a/demo/build/infinite.js b/demo/build/infinite.js
diff --git a/demo/build/infinite.js.map b/demo/build/infinite.js.map
diff --git a/demo/common.css b/demo/common.css
@@ -5,9 +5,12 @@
 }
 .appWraper {
 	width: 440px;
-	position: absolute;
-	left: 50%;
-	margin-left: -220px;
+	margin: 0 auto;
 	overflow-y: auto;
 	box-shadow: 4px 6px 20px #e6e6e6;
+}
+@media (max-width: 1024px) {
+	.appWraper {
+		width: 100%;
+	}
 }
diff --git a/demo/finite/finite.vue b/demo/finite/finite.vue
@@ -1,9 +1,6 @@
 <template>
 	<div>
-		<VirtualList
-			:size="40"
-			:remain="8"
-		>
+		<VirtualList :size="40" :remain="8">
 			<Item v-for="(udf, index) of items" :index="index" :key="index" />
 		</VirtualList>
 	</div>
@@ -30,6 +27,8 @@
 	.virtual-list {
 		border-radius: 3px;
 		border: 1px solid #ddd;
+		-webkit-overflow-scrolling: touch;
+		overflow-scrolling: touch;
 	}
 </style>
 
diff --git a/demo/finite/index.html b/demo/finite/index.html
@@ -7,7 +7,7 @@
 	<link rel="stylesheet" type="text/css" href="../common.css">
 </head>
 <body>
-	<h1 class="title">Vue virtual list, with 10,0000 finite data.</h1>
+	<h1 class="title">Vue virtual list, with 100,000 finite data.</h1>
 	<div class="appWraper">
 		<div id="app"></div>
 	</div>

diff --git a/demo/infinite/infinite.vue b/demo/infinite/infinite.vue
@@ -1,10 +1,6 @@
 <template>
 	<div>
-		<VirtualList
-			:size="40"
-			:remain="8"
-			v-on:toBottom="onBottom"
-		>
+		<VirtualList :size="40" :remain="8" v-on:toBottom="onBottom">
 			<Item v-for="(udf, index) of items" :index="index" :key="index" />
 		</VirtualList>
 	</div>
@@ -31,7 +27,7 @@
 
 		methods: {
 			onBottom () {
-				this.items = this.items.concat(getList());
+				this.items = this.items.concat(getList(20));
 			}
 		}
 	}
@@ -41,6 +37,8 @@
 	.virtual-list {
 		border-radius: 3px;
 		border: 1px solid #ddd;
+		-webkit-overflow-scrolling: touch;
+		overflow-scrolling: touch;
 	}
 </style>
 
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-virtual-scroll-list",
   "version": "1.0.2",
-  "description": "A vue component that support big data by using virtual scroll list. Tiny, smooth and without any dependence.",
+  "description": "A vue component support big data by using virtual scroll list. Tiny, smooth and without any dependence.",
   "main": "src/index.js",
   "scripts": {
     "demo": "webpack --watch --config webpack.config.js"
@@ -14,6 +14,10 @@
     "scroll-list",
     "virtual-list"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tangbc/vue-virtual-scroll-list"
+  },
   "author": "TANG",
   "license": "MIT",
   "devDependencies": {