chore: slider - 删除多余代码
This commit is contained in:
parent
e9a3642733
commit
89ce6c18e9
@ -14,8 +14,6 @@ export interface LaySliderProps {
|
|||||||
step?: number;
|
step?: number;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
range?: boolean;
|
range?: boolean;
|
||||||
// verticalrange?: number[];
|
|
||||||
// standardrange?: number[];
|
|
||||||
rangeValue?: number[];
|
rangeValue?: number[];
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -88,115 +86,4 @@ function valHook(val: any) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</template>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user