init
This commit is contained in:
@@ -0,0 +1 @@
|
||||
export type SelectSize = "lg" | "md" | "sm" | "xs";
|
||||
Binary file not shown.
@@ -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>
|
||||
Binary file not shown.
Binary file not shown.
@@ -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);
|
||||
}
|
||||
@@ -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%);
|
||||
}
|
||||
Reference in New Issue
Block a user