1.1.1 • Published 11 months ago

sphere-scroll v1.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

sphere-scroll

Example

Install

npm install sphere-scroll

Quick Start

import SphereScroll from "sphere-scroll";
<sphere-scroll
  :dataList="dataList" 
  @selectChange="onSelectChange" 
  :viewHeight="300" 
  :itemHeight="35"
  :viewWidth="300"
>

You can see demo for more information.

Porps

porpsdescriptionTypeDefault
viewHeightComponent heightstring/number350
viewWidthComponent widthstring/number300
itemHeightList item heightstring/number40
dataListList dataarray-

##Events | Event Name | Description | Parameters | | ---- | ---- | ---- | | selectChange | triggers when selection changes | selcetion index|

Methods

MethodDescriptionParameters
setSeclectIndexset selectionselcetion index

Slots

You also can use slot to apply custom content for list item.

<template v-slot:item="{ item }">
  <div class="listItem">
    {{ item }}
  </div>
</template>
1.1.1

11 months ago

1.0.0

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago