init

.svn/pristine/fc/fc77f876173413fdb5181620bee240cee13452e7.svn-base

@@ -0,0 +1,39 @@
+<script lang="ts">
+export default {
+  name: "Shade",
+};
+</script>
+
+<script lang="ts" setup>
+import { computed, defineEmits, StyleValue } from "vue";
+
+export interface ShadeProps {
+  opacity: string;
+  index: number | Function;
+  visible: boolean | string;
+}
+
+const props = defineProps<ShadeProps>();
+
+const emit = defineEmits(["shadeClick"]);
+
+const styles = computed<any>(() => {
+  return {
+    opacity: props.opacity,
+    zIndex: props.index,
+  };
+});
+
+const shadeClick = () => {
+  emit("shadeClick");
+};
+</script>
+
+<template>
+  <div
+    class="layui-layer-shade"
+    :style="styles"
+    @click="shadeClick"
+    v-if="visible"
+  ></div>
+</template>