|
@ -124,8 +124,8 @@ const handleMouseUp = () => { |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
.mask { |
|
|
.mask { |
|
|
width: 350px; |
|
|
|
|
|
height: 200px; |
|
|
|
|
|
|
|
|
width: 400px; |
|
|
|
|
|
height: 250px; |
|
|
padding: 5px 10px; |
|
|
padding: 5px 10px; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
box-shadow: var(--el-box-shadow-light); |
|
|
box-shadow: var(--el-box-shadow-light); |
|
@ -166,4 +166,15 @@ const handleMouseUp = () => { |
|
|
.mask-fade-leave-to { |
|
|
.mask-fade-leave-to { |
|
|
transform: translateX(100%); |
|
|
transform: translateX(100%); |
|
|
} |
|
|
} |
|
|
|
|
|
:deep(.el-timeline-item__timestamp.is-bottom) { |
|
|
|
|
|
white-space: pre-wrap; /* 保留空格和换行符,允许自动换行 */ |
|
|
|
|
|
word-wrap: break-word; /* 允许长单词或URL强制断行 */ |
|
|
|
|
|
overflow-wrap: break-word; |
|
|
|
|
|
} |
|
|
|
|
|
.mask-tag { |
|
|
|
|
|
max-width: 100%; |
|
|
|
|
|
height: fit-content; |
|
|
|
|
|
padding: 5px; |
|
|
|
|
|
white-space: pre-wrap; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |