JAVASCRIPT SIRKELVORMIGE SKUIFBALK

Live demo

U kan 'n lewendige demo sien hier

vuetify sleep en laat val

Kenmerke

veelvuldige skuifbalkies in een houer (sien demo -prent hierbo)
min/maksimum waarde met stapgrootte gespesifiseer
As u die skuifbalk hanteer, voordat u die stapwaarde bereik, sal die stap outomaties voltooi word
waardeverandering terugbel rapporteer huidige waarde dinamies gebaseer op die posisie van die skuifbalk
stel die waarde in deur die hanteerder te sleep of deur op die plek op die skuifbalk te tik

Gebruik

Voeg net 'n skakel na die css -lêer in u | _+_ |:

Dan, voor u afsluiting | _+_ | tag voeg javascript -lêer by uit die dist -lêergids:

Pakketbestuurders

U moet steeds css -lêers invoer

Sodra u die lêers geïnstalleer/bygevoeg het, kan u die skuifbalk instansieer:

Instellings

# Bower bower install --save @mougli/circular-slider

npm install @mougli/circular-slider

Belangrik! Let daarop dat die radius relatief is tot die houergrootte - 200 is maksimum en beteken 100% van die houer. Die skuifbalk pas die grootte van die houer outomaties aan. Radius 200 beteken dat die skuifbalk die grense raak.