feat: add switch onswitch-icon and unswitch-icon slot

This commit is contained in:
就眠儀式
2022-03-24 04:23:24 +08:00
parent 5df0a0dea6
commit ce356012ce
9 changed files with 50 additions and 27 deletions

View File

@@ -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>

View File

@@ -17,7 +17,7 @@ slotsChange.value = !slotsChange.value;
</script>
<template>
<li v-if="active === id ">
<li v-if="active === id">
<slot></slot>
</li>
</template>

View File

@@ -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"

View File

@@ -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;

View File

@@ -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>