Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：修改更多功能样式

Browse Source
This commit is contained in:
jing
2026-09-30 14:21:43 +08:00
parent 1223ec9202
commit 454bc3b522
1 changed files with 42 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
pages_tool/ai-chat/components/ai-chat-tools-panel.vue
View File

@@ -12,24 +12,24 @@
<!-- PR-CHAT-UI-CONFIG (2026-09-20): 每个附件 tab 由 attachmentTypes 控制显隐 <!-- PR-CHAT-UI-CONFIG (2026-09-20): 每个附件 tab 由 attachmentTypes 控制显隐
支持的 kind: image / file / audio / video, 缺失的 kind 自动隐藏 支持的 kind: image / file / audio / video, 缺失的 kind 自动隐藏
location 不属于附件, 不受此开关控制 --> location 不属于附件, 不受此开关控制 -->
<view v-if="isTypeEnabled('image')" class="tool-item" @click="selectImage"> <view v-if="isTypeEnabled('image')" class="tool-item tool-item-new tool-item-image" @click="selectImage">
<view class="tool-icon"> <view class="tool-icon">
<text class="icondiy icon-system-image-line"></text> <text class="icondiy icon-system-image-line"></text>
</view> </view>
<text class="tool-text">{{ $lang('ai-chat.index.image') }}</text> <text class="tool-text">{{ $lang('ai-chat.index.image') }}</text>
</view> </view>
<view v-if="isTypeEnabled('video')" class="tool-item" @click="selectVideo"> <view v-if="isTypeEnabled('video')" class="tool-item tool-item-new tool-item-video" @click="selectVideo">
<view class="tool-icon"> <view class="tool-icon">
<text class="icondiy icon-system-video"></text> <text class="icondiy icon-system-video"></text>
</view> </view>
<!-- 第二个参数是 $lang 的默认值: 后端 bundle 尚未下发该 key 时也不会显示 raw key --> <!-- 第二个参数是 $lang 的默认值: 后端 bundle 尚未下发该 key 时也不会显示 raw key -->
<text class="tool-text">{{ $lang('ai-chat.index.video', '视频/音频') }}</text> <text class="tool-text">{{ $lang('ai-chat.index.video', '视频/音频') }}</text>
</view> </view>
<view v-if="isTypeEnabled('file')" class="tool-item" @click="selectFile"> <view v-if="isTypeEnabled('file')" class="tool-item tool-item-new tool-item-file" @click="selectFile">
<view class="tool-icon"> <view class="tool-icon">
<text class="icondiy icon-system-file-2-line"></text> <text class="icondiy icon-system-attachment-line"></text>
</view> </view>
<text class="tool-text">{{ $lang('ai-chat.index.file') }}</text> <text class="tool-text">添加文件</text>
</view> </view>
<!-- 更多功能里的语音入口暂时隐藏 --> <!-- 更多功能里的语音入口暂时隐藏 -->
<view v-if="false" class="tool-item" @click="selectVoiceOrAudio"> <view v-if="false" class="tool-item" @click="selectVoiceOrAudio">
@@ -38,7 +38,7 @@
</view> </view>
<text class="tool-text">{{ $lang('ai-chat.index.voice') }}</text> <text class="tool-text">{{ $lang('ai-chat.index.voice') }}</text>
</view> </view>
<view class="tool-item" @click="selectLocation"> <view v-if="false" class="tool-item tool-item-new tool-item-location" @click="selectLocation">
<view class="tool-icon"> <view class="tool-icon">
<text class="icondiy icon-system-map-pin-line"></text> <text class="icondiy icon-system-map-pin-line"></text>
</view> </view>
@@ -466,9 +466,9 @@ export default {
position: relative; // 为 .close-btn 绝对定位提供参考 position: relative; // 为 .close-btn 绝对定位提供参考
text { text {
font-size: 34rpx; font-size: 30rpx;
font-weight: 600; font-weight: 400;
color: $color-text; color: #000000;
} }
.close-btn { .close-btn {
@@ -485,14 +485,14 @@ export default {
right: 10rpx; // right: 10rpx; //
.iconfont { .iconfont {
font-size: 28rpx; font-size: 28rpx;
color: $color-text-light; color: #000000;
} }
} }
} }
.tools-grid { .tools-grid {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 24rpx; gap: 24rpx;
.tool-item { .tool-item {
@@ -527,6 +527,37 @@ export default {
font-weight: 500; font-weight: 500;
} }
} }
// 新样式: 图片 / 添加文件 大卡片, 一比一还原参考图
.tool-item-new {
background-color: #f2f3f5;
border-radius: 28rpx;
padding: 36rpx 0;
.tool-icon {
width: 48rpx;
height: 48rpx;
border-radius: 0;
background-color: transparent;
box-shadow: none;
margin-bottom: 6rpx;
line-height: 1;
.iconfont,
.icondiy {
font-size: 48rpx;
line-height: 1;
color: #333;
}
}
.tool-text {
font-size: 26rpx;
line-height: 1;
color: #333;
font-weight: 500;
}
}
} }
} }
} }