feat: add switch onswitch-icon and unswitch-icon slot
This commit is contained in:
@@ -140,20 +140,12 @@ const add = function () {
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 操作 -->
|
||||
<button
|
||||
class="layui-icon layui-carousel-arrow"
|
||||
lay-type="sub"
|
||||
@click="sub"
|
||||
>
|
||||
{{ anim === "updown" ? "" : "" }}</button
|
||||
>
|
||||
|
||||
<button
|
||||
class="layui-icon layui-carousel-arrow"
|
||||
lay-type="add"
|
||||
@click="add"
|
||||
>
|
||||
<button class="layui-icon layui-carousel-arrow" lay-type="sub" @click="sub">
|
||||
{{ anim === "updown" ? "" : "" }}
|
||||
</button>
|
||||
|
||||
<button class="layui-icon layui-carousel-arrow" lay-type="add" @click="add">
|
||||
{{ anim === "updown" ? "" : "" }}
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
@@ -17,7 +17,7 @@ slotsChange.value = !slotsChange.value;
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<li v-if="active === id ">
|
||||
<li v-if="active === id">
|
||||
<slot></slot>
|
||||
</li>
|
||||
</template>
|
||||
|
||||
@@ -106,7 +106,6 @@ const isNumber = function (num: any) {
|
||||
<template>
|
||||
<div class="layui-input-number" :position="position" :size="size">
|
||||
<lay-button
|
||||
type="primary"
|
||||
size="gl"
|
||||
@mousedown="longDown(subtraction)"
|
||||
@mouseup="cancelLongDown"
|
||||
@@ -130,7 +129,6 @@ const isNumber = function (num: any) {
|
||||
/>
|
||||
</div>
|
||||
<lay-button
|
||||
type="primary"
|
||||
size="gl"
|
||||
@mousedown="longDown(addition)"
|
||||
@mouseup="cancelLongDown"
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
transition: 0.1s linear;
|
||||
}
|
||||
|
||||
.layui-form-switch i {
|
||||
.layui-form-switch span {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 3px;
|
||||
@@ -43,7 +43,7 @@
|
||||
background-color: @global-checked-color;
|
||||
}
|
||||
|
||||
.layui-form-onswitch i {
|
||||
.layui-form-onswitch span {
|
||||
left: 100%;
|
||||
margin-left: -21px;
|
||||
background-color: #fff;
|
||||
|
||||
@@ -51,7 +51,12 @@ const handleClick = function () {
|
||||
}"
|
||||
>
|
||||
<em>{{ isActive == true ? activeText : inactiveText }}</em>
|
||||
<i></i>
|
||||
<span>
|
||||
<div>
|
||||
<slot v-if="isActive" name="onswitch-icon"></slot>
|
||||
<slot v-else name="unswitch-icon"></slot>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user