项目需求要是有slider,小程序的slider那个小圆圈是不能更换成图片的,所有满足不了项目需求,网上相关的例子太少,寻思了很久,决定还是自己写了一个。。
先上效果:我把小圆圈换成了图片,还是很不错的
简单的实现:图片很不错

项目中实现的图片:花里胡哨,就是这么好看


直接上代码:
view input value="{{value}}" bindinput="handleCheck" placeholder="请输入金额" type="text" {{value}} view class="custom-class van-slider {{ disabled ? 'van-slider--disabled' : '' }}" style="{{ inactiveColor ? 'background:' + inactiveColor : '' }}" bind:tap="onClick" view class="van-slider__bar" style="{{ barStyle }}; {{ activeColor ? 'background:' + activeColor : '' }}; left:{{ offsetX }} " view class="van-slider__button-wrapper" bind:touchstart="onTouchStart" catch:touchmove="onTouchMove" bind:touchend="onTouchEnd" bind:touchcancel="onTouchEnd" view class="van-slider__button" image class="img-size" src="../images/trangle.png" mode="scaleToFill" lazy-load="false" / view class="van-img-box" view class="van-value-box" wx:if="{{!isMore}}"{{value}}/view view class="van-value-box" wx:if="{{isMore}}"更多/view !-- image src="{{}}" mode="scaleToFill" lazy-load="false" /image-- /view /view /view /view /view/view代码拿过去就可以使用:最好是wepy框架。我是用的wepy框架,里面有些不需要的代码,我没有去删除,就这样,太忙了。
继续前行。。。一天一点点。。













