fix(components): 调整Item组件样式,修复文字溢出和间距问题

- 修改Item.vue的padding和margin样式
- 添加word-break属性防止文字溢出
- 更新相关构建文件和样式映射
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-06-30 14:22:29 +08:00
parent 7c31a7a652
commit 68acefa360
28 changed files with 230 additions and 226 deletions

View File

@@ -100,7 +100,7 @@ const formatNumberWithCommas = (number) => {
// height: 278px;
background-color: rgb(255, 255, 255);
border-radius: 8px;
padding: 20px 19px 25px 20px;
padding: 20px 0 25px 20px;
cursor: pointer;
margin-bottom: 20px;
@@ -142,6 +142,8 @@ const formatNumberWithCommas = (number) => {
color: #000000;
margin-top: 2px;
margin-bottom: 16px;
word-break: break-all;
padding-right: 10px;
}
.list {
@@ -176,6 +178,7 @@ const formatNumberWithCommas = (number) => {
padding: 12px;
margin-bottom: 11px;
transition: all 0.3s;
margin-right: 19px;
// &:hover {
// background: rgba(114, 219, 134, 1);
@@ -232,6 +235,7 @@ const formatNumberWithCommas = (number) => {
justify-content: flex-end;
color: #aaaaaa;
font-size: 12px;
margin-right: 19px;
.data-item {
margin-left: 26px;
.data-item-icon {