|
1 | | -<a href="https://npmjs.com/package/vue-virtual-scroll-list"> |
2 | | - <img alt="NPM version" src="https://img.shields.io/npm/v/vue-virtual-scroll-list.svg"/> |
3 | | -</a> |
4 | | -<a href="https://travis-ci.org/tangbc/vue-virtual-scroll-list"> |
5 | | - <img alt="Travis CI Status" src="https://travis-ci.org/tangbc/vue-virtual-scroll-list.svg?branch=master"/> |
6 | | -</a> |
7 | | -<a href="https://codecov.io/gh/tangbc/vue-virtual-scroll-list"> |
8 | | - <img alt="Code Coverage" src="https://codecov.io/gh/tangbc/vue-virtual-scroll-list/branch/master/graph/badge.svg"/> |
9 | | -</a> |
10 | | -<a href="https://npmjs.com/package/vue-virtual-scroll-list"> |
11 | | - <img alt="NPM downloads" src="https://img.shields.io/npm/dm/vue-virtual-scroll-list.svg"> |
12 | | -</a> |
13 | | -<a href="https://vuejs.org/"> |
14 | | - <img alt="Vue version" src="https://img.shields.io/badge/vue-%3E=2.3.0-brightgreen.svg"/> |
15 | | -</a> |
16 | | -<a href="https://opensource.org/licenses/MIT"> |
17 | | - <img alt="License" src="https://img.shields.io/npm/l/vue-virtual-scroll-list.svg"> |
18 | | -</a> |
19 | | -<a href="http://packagequality.com/#?package=vue-virtual-scroll-list"> |
20 | | - <img alt="Package quality" src="https://npm.packagequality.com/shield/vue-virtual-scroll-list.svg"> |
21 | | -</a> |
22 | | - |
23 | | -## |
24 | | - |
25 | | -*If you are looking for a vue component which support big amount data list with high scroll performance, now you are in the right place!* |
| 1 | +<p> |
| 2 | + <a href="https://travis-ci.org/tangbc/vue-virtual-scroll-list"> |
| 3 | + <img alt="Travis CI Status" src="https://travis-ci.org/tangbc/vue-virtual-scroll-list.svg?branch=master"/> |
| 4 | + </a> |
| 5 | + <a href="https://codecov.io/gh/tangbc/vue-virtual-scroll-list"> |
| 6 | + <img alt="Code Coverage" src="https://codecov.io/gh/tangbc/vue-virtual-scroll-list/branch/master/graph/badge.svg"/> |
| 7 | + </a> |
| 8 | + <a href="https://npmjs.com/package/vue-virtual-scroll-list"> |
| 9 | + <img alt="NPM downloads" src="https://img.shields.io/npm/dm/vue-virtual-scroll-list.svg"> |
| 10 | + </a> |
| 11 | + <a href="http://packagequality.com/#?package=vue-virtual-scroll-list"> |
| 12 | + <img alt="Package quality" src="https://npm.packagequality.com/shield/vue-virtual-scroll-list.svg"> |
| 13 | + </a> |
| 14 | + <a href="https://npmjs.com/package/vue-virtual-scroll-list"> |
| 15 | + <img alt="NPM version" src="https://img.shields.io/npm/v/vue-virtual-scroll-list.svg"/> |
| 16 | + </a> |
| 17 | + <a href="https://vuejs.org/"> |
| 18 | + <img alt="Vue version" src="https://img.shields.io/badge/vue-%3E=2.3.0-brightgreen.svg"/> |
| 19 | + </a> |
| 20 | + <a href="https://opensource.org/licenses/MIT"> |
| 21 | + <img alt="License" src="https://img.shields.io/npm/l/vue-virtual-scroll-list.svg"> |
| 22 | + </a> |
| 23 | +</p> |
| 24 | + |
| 25 | +<p> |
| 26 | + <i>If you are looking for a vue component which support big amount data list with high scroll performance, now you are in the right place!</i> |
| 27 | +</p> |
26 | 28 |
|
27 | 29 | * [Advantages](#advantages) |
28 | 30 | * [Live demos](#live-demos) |
|
61 | 63 |
|
62 | 64 | * [Use with variable height](https://tangbc.github.io/vue-virtual-scroll-list/demos/variable-height). |
63 | 65 |
|
| 66 | +Besides, you can also compare the experience which **without using** virtual-list here: [without-virtual-list](https://tangbc.github.io/vue-virtual-scroll-list/demos/without-virtual-list). |
| 67 | + |
64 | 68 |
|
65 | 69 | ## How it works |
66 | 70 |
|
@@ -122,7 +126,7 @@ new Vue({ |
122 | 126 | }) |
123 | 127 | ``` |
124 | 128 |
|
125 | | -More use ways or get start you can refer to these clearly [demos](https://github.com/tangbc/vue-virtual-scroll-list/tree/master/demos). |
| 129 | +More use ways or get start you can refer to these clearly [demos](https://github.com/tangbc/vue-virtual-scroll-list/tree/master/demos) or [test suites](https://github.com/tangbc/vue-virtual-scroll-list/tree/master/test). |
126 | 130 |
|
127 | 131 |
|
128 | 132 | ## Attentions |
|
0 commit comments