chore: slider - 删除多余代码
This commit is contained in:
parent
e9a3642733
commit
89ce6c18e9
@ -14,8 +14,6 @@ export interface LaySliderProps {
|
||||
step?: number;
|
||||
disabled?: boolean;
|
||||
range?: boolean;
|
||||
// verticalrange?: number[];
|
||||
// standardrange?: number[];
|
||||
rangeValue?: number[];
|
||||
}
|
||||
|
||||
@ -88,115 +86,4 @@ function valHook(val: any) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="layui-slider-vertical" v-if="vertical">
|
||||
<div
|
||||
ref="rangetracker2"
|
||||
@mousedown.stop="handle_mousedown"
|
||||
class="layui-slider-vrange"
|
||||
v-if="range"
|
||||
>
|
||||
<lay-tooltip
|
||||
:content="'' + verticalRangeValue[1]"
|
||||
:is-can-hide="tooptipHide"
|
||||
>
|
||||
<div
|
||||
:style="{ bottom: verticalRangeValue[1] + '%' }"
|
||||
class="layui-slider-vertical-btn"
|
||||
></div>
|
||||
</lay-tooltip>
|
||||
<lay-tooltip
|
||||
:content="'' + verticalRangeValue[0]"
|
||||
:is-can-hide="tooptipHide"
|
||||
>
|
||||
<div
|
||||
:style="{ bottom: verticalRangeValue[0] + '%' }"
|
||||
class="layui-slider-vertical-btn"
|
||||
></div>
|
||||
</lay-tooltip>
|
||||
|
||||
<div class="layui-slider-vertical-line"></div>
|
||||
<div
|
||||
:style="{
|
||||
height: verticalRangeValue[1] - verticalRangeValue[0] + '%',
|
||||
bottom: verticalRangeValue[0] + '%',
|
||||
}"
|
||||
class="layui-slider-vertical-rate"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
ref="verticaltracker"
|
||||
@mousedown.stop="handle_mousedown"
|
||||
class="layui-slider-vertical-track"
|
||||
:class="[props.disabled ? 'layui-slider-disabled' : '']"
|
||||
v-else
|
||||
>
|
||||
<lay-tooltip :content="modelValue + ''" :is-can-hide="tooptipHide">
|
||||
<div
|
||||
:style="{ bottom: modelValue + '%' }"
|
||||
class="layui-slider-vertical-btn"
|
||||
:class="[props.disabled ? 'layui-slider-disabled' : '']"
|
||||
></div>
|
||||
</lay-tooltip>
|
||||
<div
|
||||
:style="{ height: modelValue + '%' }"
|
||||
class="layui-slider-vertical-rate"
|
||||
:class="[props.disabled ? 'layui-slider-disabled-rate' : '']"
|
||||
></div>
|
||||
<div class="layui-slider-vertical-line"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-slider-v" v-else>
|
||||
<div
|
||||
@mousedown.stop="handle_mousedown"
|
||||
ref="rangetracker1"
|
||||
class="layui-slider-srange"
|
||||
v-if="range"
|
||||
>
|
||||
<lay-tooltip :content="rangeValue[0] + ''" :is-can-hide="tooptipHide">
|
||||
<div
|
||||
:style="{ left: rangeValue[0] + '%' }"
|
||||
class="layui-slider-btn-v"
|
||||
></div>
|
||||
</lay-tooltip>
|
||||
<lay-tooltip :content="rangeValue[1] + ''" :is-can-hide="tooptipHide">
|
||||
<div
|
||||
:style="{ left: rangeValue[1] + '%' }"
|
||||
class="layui-slider-btn-v"
|
||||
></div>
|
||||
</lay-tooltip>
|
||||
|
||||
<div class="layui-slider-line-v"></div>
|
||||
<div
|
||||
:style="{
|
||||
width: rangeValue[1] - rangeValue[0] + '%',
|
||||
left: rangeValue[0] + '%',
|
||||
}"
|
||||
class="layui-slider-rate-v"
|
||||
></div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
ref="standardtracker"
|
||||
@mousedown.stop="handle_mousedown"
|
||||
class="layui-slider-track-v"
|
||||
:class="[props.disabled ? 'layui-slider-disabled' : '']"
|
||||
v-else
|
||||
>
|
||||
<lay-tooltip :content="'' + modelValue" :is-can-hide="tooptipHide">
|
||||
<div
|
||||
:style="{ left: modelValue + '%' }"
|
||||
class="layui-slider-btn-v"
|
||||
:class="[props.disabled ? 'layui-slider-disabled' : '']"
|
||||
></div>
|
||||
</lay-tooltip>
|
||||
<div
|
||||
:style="{ width: modelValue + '%' }"
|
||||
class="layui-slider-rate-v"
|
||||
:class="[props.disabled ? 'layui-slider-disabled-rate' : '']"
|
||||
></div>
|
||||
<div class="layui-slider-line-v"></div>
|
||||
</div>
|
||||
</div> -->
|
||||
</template>
|
||||
|
Loading…
Reference in New Issue
Block a user