1, can be custom slider (image or custom view), the default for like official white round
2, underlining the buffer range automatic rollback
3, the gradient foreground
Below is mainly about the realization of the function of this a few usage and points for attention, and other functions, please download the demo to see at the end of the article
Don't know how to use a custom components, can check my previous article progress
Click on the slide 1, the realization of the slider, mainly use the following five methods
These five methods throw in js file, make the page using the component can listen to these methods
Custom components to trigger event occurs, you need to use triggerEvent method, specify the event name, the detail object and event options:
These five methods to use triggerEvent listening
2, the default size of the slider in the component specified in [20, 40] between the RPX, there are two places need to make restrictions
2.1, the CSS file
set the slider of the upper and lower limits
2.2, js files in the attached method of slide block size limit
3 and there is a noteworthy is that when using this component to set the slider distance is the distance at the left of the screen, this distance can fill in your project the actual distance
The slider - left='75'
4, the component units are used in the RPX
CodePudding user response:
Below is the demo??????