init
This commit is contained in:
Binary file not shown.
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
Binary file not shown.
@@ -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}
|
||||
Reference in New Issue
Block a user