This commit is contained in:
2022-12-09 16:41:41 +08:00
parent c1cce5a7c2
commit ff7aa8774f
2003 changed files with 156639 additions and 140 deletions

View File

@@ -0,0 +1,54 @@
:root {
--textarea-border-radius: var(--global-border-radius);
--textarea-border-color: var(--global-neutral-color-3);
}
.layui-textarea {
border-width: 1px;
border-style: solid;
background-color: #fff;
color: rgba(0, 0, 0, 0.85);
border-radius: var(--textarea-border-radius);
border-color: var(--textarea-border-color);
display: block;
width: 100%;
height: auto;
line-height: 20px;
min-height: 100px;
padding: 6px 10px;
resize: vertical;
position: relative;
}
.layui-textarea-wrapper {
position: relative;
}
.layui-textarea:hover,
.layui-textarea:focus {
border-color: #d2d2d2 !important;
}
.layui-textarea-clear {
position: absolute;
color: rgba(0, 0, 0, 0.45);
right: 10px;
top: 10px;
}
.layui-textarea::-webkit-input-placeholder {
line-height: 1.3;
}
.layui-texterea-count {
color: inherit;
white-space: nowrap;
pointer-events: none;
text-align: right;
margin-top: 4px;
}
.layui-textarea-disabled {
cursor: not-allowed !important;
opacity: 0.6;
}

View File

@@ -0,0 +1,161 @@
@import "../dropdown/index.less";
:root {
--icon-picker-border-radius: var(--global-border-radius);
--icon-picker-checked-color: var(--global-checked-color);
}
.layui-iconpicker {
position: relative;
height: 38px;
line-height: 38px;
border-width: 1px;
border-style: solid;
border-radius: var(--icon-picker-border-radius);
cursor: pointer;
}
.layui-iconpicker .layui-inline {
height: 36px;
line-height: 36px;
vertical-align: top;
}
.layui-iconpicker-title {
padding-left: 5px;
}
.layui-iconpicker-main {
padding: 0 10px;
}
.layui-iconpicker-main .layui-icon {
font-size: 20px;
}
.layui-iconpicker-main .layui-inline {
vertical-align: top;
}
.layui-iconpicker-split .layui-iconpicker-main {
padding: 0 15px;
border-right-width: 1px;
border-right-style: solid;
}
.layui-iconpicker-suffix {
position: relative;
width: 35px;
text-align: center;
}
.layui-iconpicker-suffix .layui-icon {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
transition: all 0.3s;
}
.layui-iconpicker-down .layui-iconpicker-suffix .layui-icon-down {
transform: rotate(180deg);
}
.layui-iconpicker-search {
padding: 10px;
box-shadow: 0 2px 8px #f0f1f2;
border-bottom: 1px solid whitesmoke;
}
.layui-iconpicker-list {
width: 321px;
}
.layui-iconpicker-list ul {
margin: 6px;
}
.layui-iconpicker-list li {
vertical-align: top;
display: inline-block;
width: 60px;
margin: 2.5px;
padding: 5px;
overflow: hidden;
border: 1px solid #eee;
border-radius: 2px;
cursor: pointer;
text-align: center;
}
.layui-iconpicker-list li:hover {
background-color: var(--global-neutral-color-1);
color: rgba(0, 0, 0, 0.5);
}
.layui-iconpicker-list li.layui-this {
border-color: var(--icon-picker-checked-color);
color: var(--icon-picker-checked-color);
}
.layui-iconpicker-list li .layui-icon {
font-size: 20px;
}
.layui-iconpicker-list li .layui-elip {
margin-top: 2px;
line-height: 20px;
font-size: 12px;
}
.layui-iconpicker-list .layui-none {
margin: 30px 0 35px;
}
.layui-iconpicker-scroll .layui-iconpicker-list {
max-height: 200px;
}
.layui-iconpicker-page {
position: relative;
padding: 10px 10px 5px;
border-top: 1px solid #eee;
text-align: right;
}
.layui-iconpicker-page .layui-laypage {
margin: 0;
}
.layui-iconpicker-page .layui-laypage a,
.layui-iconpicker-page .layui-laypage span {
padding: 0 10px;
color: #666;
}
.layui-iconpicker-page .layui-laypage-count {
position: absolute;
left: 10px;
}
.layui-iconpicker-page .layui-laypage-curr .layui-laypage-em {
background: 0 0;
}
.layui-iconpicker-page .layui-laypage-curr em {
color: #666;
color: rgba(0, 0, 0, 0.6);
}
.layui-iconpicker-page .layui-laypage-first,
.layui-iconpicker-page .layui-laypage-last,
.layui-iconpicker-page .layui-laypage-spr {
display: none;
}
.layui-colorpicker-disabled {
opacity: 0.6;
}
.layui-colorpicker-disabled,
.layui-colorpicker-disabled * {
cursor: not-allowed !important;
}

View File

@@ -0,0 +1,13 @@
<script lang="ts">
export default {
name: "LayAvatarList",
};
</script>
<script setup lang="ts"></script>
<template>
<div class="layui-avatar-list">
<slot></slot>
</div>
</template>

View File

@@ -0,0 +1,20 @@
<script lang="ts">
export default {
name: "ChartScreenIcon",
};
</script>
<script setup lang="ts">
import LayIcon from "../component/icon/index";
const props = defineProps<{
color?: string;
size?: string;
}>();
</script>
<template>
<lay-icon
:color="props.color"
:size="props.size"
type="layui-icon-chart-screen"
/>
</template>

View File

@@ -0,0 +1 @@
.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:"\e63d";left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:var(--global-neutral-color-8);font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s;overflow:hidden;visibility:hidden}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\ ;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:0;border-radius:50%;background-color:#0003;color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:#00000059}.layui-carousel:hover .layui-carousel-arrow{display:block\ ;opacity:1;left:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:#00000080}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:#0003;border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:var(--global-neutral-color-3);background-color:#ffffff80;border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li:hover{background-color:#ffffffb3}.layui-carousel-ind li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto;transform:translateY(-50%)}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}