fix(components): 调整Item组件样式,修复文字溢出和间距问题
- 修改Item.vue的padding和margin样式 - 添加word-break属性防止文字溢出 - 更新相关构建文件和样式映射
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user