diff --git a/pages/home/index/index.vue b/pages/home/index/index.vue index 79dd9e2..b8b4ab2 100644 --- a/pages/home/index/index.vue +++ b/pages/home/index/index.vue @@ -298,14 +298,20 @@ class="structured-file" @click="downloadMessageFile(block.url)" > - + {{ block.name }} + @@ -403,14 +409,20 @@ class="structured-file" @click="downloadMessageFile(block.url)" > - + {{ block.name }} + @@ -1183,8 +1195,7 @@ export default { // 创建AI回复消息对象 const aiMessage = { - id: - this.currentDMid || Math.random().toString(36).substring(2, 15), + id: data.id || Math.random().toString(36).substring(2, 15), message: message, sendDate: "", isSend: true, @@ -2048,28 +2059,39 @@ export default { .structured-item-file { .structured-file { - display: inline-flex; + display: flex; align-items: center; + width: 500rpx; max-width: 100%; - padding: 16rpx 20rpx; + padding: 24rpx; background-color: #ffffff; - border-radius: 12rpx; + border-radius: 16rpx; + box-sizing: border-box; + + .structured-file-icon { + width: 48rpx; + height: 62rpx; + flex-shrink: 0; + margin-right: 20rpx; + } + + .structured-file-name { + flex: 1; + font-size: 28rpx; + color: #333333; + word-break: break-all; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + overflow: hidden; + } + + .structured-file-download { + flex-shrink: 0; + margin-left: 20rpx; + } } } - - .structured-file { - display: inline-flex; - align-items: center; - max-width: 100%; - padding: 8rpx 0; - } - - .structured-file-name { - margin-left: 8rpx; - font-size: 26rpx; - color: #4370fe; - word-break: break-all; - } } } diff --git a/static/common/images/icon-file.png b/static/common/images/icon-file.png new file mode 100644 index 0000000..404e8ca Binary files /dev/null and b/static/common/images/icon-file.png differ