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 @@
export type SelectSize = "lg" | "md" | "sm" | "xs";

View File

@@ -0,0 +1,26 @@
<script lang="ts">
export default {
name: "LayBreadcrumb",
};
</script>
<script setup lang="ts">
import "./index.less";
import { provide, withDefaults } from "vue";
export interface BreadcrumbProps {
separator?: string;
}
const props = withDefaults(defineProps<BreadcrumbProps>(), {
separator: "/",
});
provide("separator", props.separator);
</script>
<template>
<span class="layui-breadcrumb">
<slot></slot>
</span>
</template>

View File

@@ -0,0 +1,29 @@
.layui-breadcrumb {
font-size: 0;
}
.layui-breadcrumb > * {
font-size: 14px;
}
.layui-breadcrumb a {
color: #999;
}
.layui-breadcrumb a:hover {
color: var(--global-checked-color) !important;
}
.layui-breadcrumb a:nth-last-child(2) {
color: #666;
font-style: normal;
}
.layui-breadcrumb span:last-child {
display: none;
}
.layui-breadcrumb span[lay-separator] {
margin: 0 10px;
color: var(--global-neutral-color-7);
}

View File

@@ -0,0 +1,22 @@
:root {
--panel-border-color: var(--global-neutral-color-3);
--panel-border-radius: var(--global-border-radius);
}
.layui-panel {
border-width: 1px;
border-style: solid;
margin-bottom: 15px;
border-radius: var(--panel-border-radius);
border-color: var(--panel-border-color);
background-color: #fff;
padding: 20px;
}
.layui-panel.is-hover-shadow:hover {
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
}
.layui-panel.shadow {
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
}