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 {