diff --git a/pages/assistant/index.vue b/pages/assistant/index.vue index 32489bb..efef659 100644 --- a/pages/assistant/index.vue +++ b/pages/assistant/index.vue @@ -112,51 +112,86 @@ {{ item.label }} - - 文体 - {{ item.label }} - 字数 - {{ item.label }} - + + + + 文体 + {{ item.label }} + + - - 图片比例 - {{ item.label }} - + + + 字数 + {{ item.label }} + + - - 参考素材 - {{ uploadingFiles ? '上传中...' : '添加附件' }} - - 最多 {{ IMAGE_FILE_LIMIT }} 个,支持图片 / 视频 / 音频 / 文档 - - - - {{ item.name }} - 移除 - + + + + 参考素材 + {{ uploadingFiles ? '上传中...' : '添加附件' }} + 最多 {{ IMAGE_FILE_LIMIT }} 个 + + + + + + 比例 + {{ item.label }} + + + + + + {{ item.name }} + 移除 @@ -1103,7 +1138,8 @@ return } uni.showActionSheet({ - itemList: ['从相册选择图片', '从聊天记录选择文件'], + // 支持的类型写在选项里(面板上那行 hint 只留「最多 5 个」,省横向空间) + itemList: ['从相册选择图片', '从聊天记录选文件(视频/音频/文档)'], success: (result) => { if (result.tapIndex === 0) { this.pickLocalImages() @@ -1784,8 +1820,8 @@ .mode-tags { display: flex; flex-wrap: wrap; - gap: 14rpx; - margin-bottom: 16rpx; + gap: 12rpx; + margin-bottom: 12rpx; } .mode-tag { @@ -1807,29 +1843,44 @@ opacity: 0.6; } - /* 写作 / 图片模式的参数面板(文体、字数、图片比例、参考素材) */ - .option-panel { - display: flex; - flex-wrap: wrap; + /* + 写作 / 图片模式的参数面板。 + 手机屏窄,选项一律**单行横向滑动**(scroll-view + 不换行的 inline-flex 轨道), + 不换行堆叠 —— 换行版在写作模式下要占 4 行,把消息区挤掉小半屏。 + */ + .option-scroll { + width: 100%; + white-space: nowrap; + margin-bottom: 12rpx; + } + + .option-track { + display: inline-flex; align-items: center; - gap: 12rpx; - margin-bottom: 16rpx; + gap: 10rpx; } .option-label { - margin-right: 2rpx; + flex-shrink: 0; font-size: 22rpx; color: #8a7f79; } + .option-hint { + flex-shrink: 0; + font-size: 20rpx; + color: #a59a94; + } + .option-chip { - padding: 8rpx 20rpx; + flex-shrink: 0; + padding: 10rpx 18rpx; border-radius: 999rpx; border: 1rpx solid rgba(20, 150, 242, 0.18); background: rgba(255, 255, 255, 0.9); color: #1496f2; font-size: 22rpx; - line-height: 1.4; + line-height: 1.3; } .option-chip--active { @@ -1842,28 +1893,21 @@ opacity: 0.5; } - .attach-hint { - width: 100%; - font-size: 20rpx; - line-height: 1.5; - color: #a59a94; - } - .attach-list { - width: 100%; + margin-bottom: 12rpx; } .attach-item { display: flex; align-items: center; gap: 12rpx; - padding: 10rpx 16rpx; + padding: 8rpx 14rpx; border-radius: 16rpx; background: rgba(20, 150, 242, 0.06); } .attach-item + .attach-item { - margin-top: 10rpx; + margin-top: 8rpx; } .attach-name {