diff --git a/package/layer/src/component/index.vue b/package/layer/src/component/index.vue index 3f8baf8d..e54e6dee 100644 --- a/package/layer/src/component/index.vue +++ b/package/layer/src/component/index.vue @@ -39,6 +39,7 @@ import { calculatePhotosArea, calculateNotifOffset, removeNotifiyFromQueen, + getNotifyAnimationClass, } from "../utils"; import useMove from "../composable/useMove"; import useResize from "../composable/useResize"; @@ -530,6 +531,9 @@ const enterActiveClass = computed(() => { if (type === 4) { return getDrawerAnimationClass(props.offset); } + if (type === 6) { + return getNotifyAnimationClass(props.offset); + } return `layer-anim layer-anim-0${props.anim}`; }); diff --git a/package/layer/src/index.ts b/package/layer/src/index.ts index 755ec979..9e257c84 100644 --- a/package/layer/src/index.ts +++ b/package/layer/src/index.ts @@ -140,7 +140,6 @@ const layer = { }, //通知 notifiy: (option: any = {}, callback?: Function) => { - option.anim = 5; option.shade = false; option.type = 6; let defaultOption = { diff --git a/package/layer/src/theme/index.css b/package/layer/src/theme/index.css index 9f8baa01..503fea51 100644 --- a/package/layer/src/theme/index.css +++ b/package/layer/src/theme/index.css @@ -1282,4 +1282,5 @@ html #layuicss-layer { display: inline-block; transform: scale(0.7); margin-left: -7px; + margin-right: 3px; } \ No newline at end of file diff --git a/package/layer/src/utils/index.ts b/package/layer/src/utils/index.ts index 1294c9c7..c3ba477b 100644 --- a/package/layer/src/utils/index.ts +++ b/package/layer/src/utils/index.ts @@ -344,9 +344,7 @@ export function removeNotifiyFromQueen(layerId: string | undefined) { // 间隙 let transOffsetTop = 15; // @ts-ignore 删除项的高度 - let offsetHeight = - document.getElementById(layerId)?.firstElementChild?.firstElementChild - ?.offsetHeight; + let offsetHeight = document.getElementById(layerId)?.firstElementChild?.firstElementChild?.offsetHeight; // @ts-ignore window.NotifiyQueen = window.NotifiyQueen || []; // @ts-ignore @@ -366,17 +364,25 @@ export function removeNotifiyFromQueen(layerId: string | undefined) { ?.firstElementChild; if (offsetType === "rt" || offsetType === "lt") { // @ts-ignore - dom.style["top"] = - parseFloat(dom.style["top"]) - transOffsetTop - offsetHeight + "px"; + dom.style["top"] = parseFloat(dom.style["top"]) - transOffsetTop - offsetHeight + "px"; } else { // @ts-ignore - let bottom = - parseFloat(dom.style["top"].split(" - ")[1]) - - transOffsetTop - - offsetHeight; + let bottom = parseFloat(dom.style["top"].split(" - ")[1]) - transOffsetTop - offsetHeight; // @ts-ignore dom.style["top"] = "calc(100vh - " + bottom + "px)"; } }); notifiyQueen.splice(index, 1); //删除 } + +// Notify动画类 +export function getNotifyAnimationClass(offset: any) { + const prefix = "layer-drawer-anim layer-anim"; + let suffix = ""; + if (offset === "lt" || offset === "lb") { + suffix = "lr"; + } else { + suffix = "rl"; + } + return `${prefix}-${suffix}`; +} \ No newline at end of file