From a745761147b17a42b4698250a170ef4c0fa0b09b Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 03 七月 2024 21:18:39 +0800
Subject: [PATCH] 产品绑定工艺优化
---
src/components/ContextMenu/src/ContextMenu.vue | 26 +++++++++++++++++---------
1 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/src/components/ContextMenu/src/ContextMenu.vue b/src/components/ContextMenu/src/ContextMenu.vue
index 823b90e..fcf6fcb 100644
--- a/src/components/ContextMenu/src/ContextMenu.vue
+++ b/src/components/ContextMenu/src/ContextMenu.vue
@@ -59,12 +59,12 @@
const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;
const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;
return {
- ...styles,
position: 'absolute',
width: `${width}px`,
left: `${left + 1}px`,
top: `${top + 1}px`,
zIndex: 9999,
+ ...styles, // Not the first, fix options.styles.width not working
};
});
@@ -127,11 +127,15 @@
}
const { items } = props;
return (
- <div class={prefixCls}>
- <Menu inlineIndent={12} mode="vertical" ref={wrapRef} style={unref(getStyle)}>
- {renderMenuItem(items)}
- </Menu>
- </div>
+ <Menu
+ inlineIndent={12}
+ mode="vertical"
+ class={prefixCls}
+ ref={wrapRef}
+ style={unref(getStyle)}
+ >
+ {renderMenuItem(items)}
+ </Menu>
);
};
},
@@ -147,7 +151,7 @@
.item-style() {
li {
display: inline-block;
- width: 100%;
+ width: 100% !important;
height: @default-height;
margin: 0 !important;
line-height: @default-height;
@@ -157,6 +161,8 @@
}
> div {
+ width: 100% !important;
+ height: 100% !important;
margin: 0 !important;
}
@@ -176,10 +182,12 @@
width: 156px;
margin: 0;
border: 1px solid rgb(0 0 0 / 8%);
- border-radius: 0.25rem;
+ border-radius: 8px;
background-clip: padding-box;
background-color: @component-background;
- box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 10%),
+ box-shadow:
+ 0 2px 2px 0 rgb(0 0 0 / 14%),
+ 0 3px 1px -2px rgb(0 0 0 / 10%),
0 1px 5px 0 rgb(0 0 0 / 6%);
list-style: none;
user-select: none;
--
Gitblit v1.9.3