zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.nianxx.cn/zoujing/YGChatCS into fix-109

Browse Source
This commit is contained in:
duanshuwen
2025-10-14 22:16:07 +08:00
parent 93bf65eb65 7a117a3b46
commit 11268d5be9
8 changed files with 51 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/index/components/chat/ChatInputArea/index.vue
View File

@@ -6,12 +6,12 @@
<image
class="voice-icon"
v-if="!isVoiceMode"
src="https://oss.nianxx.cn/mp/static/input_voice_icon.png"
src="https://oss.nianxx.cn/mp/static/version_1_0_1/input_voice_icon.png"
/>
<image
class="voice-icon"
v-else
src="https://oss.nianxx.cn/mp/static/input_keyboard_icon.png"
src="https://oss.nianxx.cn/mp/static/version_1_0_1/input_keyboard_icon.png"
/>
</view>
@@ -53,20 +53,20 @@
<view class="input-container-send">
<view class="input-container-send-btn" @click="sendMessage">
<image
v-if="props.isSessionActive"
class="send-icon"
src="https://oss.nianxx.cn/mp/static/input_stop_icon.png"
/>
<view v-if="props.isSessionActive" class="send-stop"> </view>
<image
v-else
class="send-icon"
src="https://oss.nianxx.cn/mp/static/input_send_icon.png"
src="https://oss.nianxx.cn/mp/static/version_1_0_1/input_send_icon.png"
/>
</view>
</view>
</view>
<view class="color-99A0AE font-size-9 text-center text-gray-400 mb-8">
内容由AI大模型生成，请仔细鉴别
</view>
<!-- 录音按钮 -->
<RecordingWaveBtn v-if="visibleWaveBtn" ref="recordingWaveBtnRef" />
</view>

43
src/pages/index/components/chat/ChatInputArea/styles/index.scss
View File

@@ -1,10 +1,10 @@
.area-input {
display: flex;
align-items: center;
border-radius: 22px;
border-radius: 24px;
background-color: $uni-bg-color;
box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
margin: 0 12px;
margin: 0 20px;
margin-bottom: 8px;
.input-container-voice {
@@ -12,12 +12,12 @@
align-items: center;
justify-content: center;
align-self: flex-end;
width: 44px;
height: 44px;
width: 48px;
height: 48px;
.voice-icon {
width: 22px;
height: 22px;
width: 24px;
height: 24px;
}
}
@@ -45,20 +45,39 @@
align-items: center;
justify-content: center;
align-self: flex-end;
width: 44px;
height: 44px;
width: 48px;
height: 48px;
.input-container-send-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
width: 36px;
height: 36px;
border-radius: 50%;
background: radial-gradient(
39% 39% at 97% 81%,
#79dffb 0%,
rgba(138, 227, 252, 0) 100%
),
radial-gradient(
54% 54% at 3% 70%,
#8afcf8 0%,
rgba(138, 252, 248, 0) 100%
),
#2d91ff;
}
.send-icon {
width: 28px;
height: 28px;
width: 24px;
height: 24px;
}
.send-stop {
width: 12px;
height: 12px;
background: #ffffff;
border-radius: 4px;
}
}