zhaichao/oa_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

聊天功能区图标变更

Browse Source
This commit is contained in:
zhaichao
2026-09-24 10:07:08 +08:00
parent bf6396089d
commit 87a8700b30
1 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/chat/chat.vue
+25 -8
View File
@@ -147,12 +147,30 @@
<text v-for="e in emos" :key="e" class="em" @click="insertEmoji(e)">{{ e }}</text> <text v-for="e in emos" :key="e" class="em" @click="insertEmoji(e)">{{ e }}</text>
</view> </view>
<view v-else-if="more && !isWork && !selecting" class="panel" :style="{ paddingBottom: safeBottom + 'px' }"> <view v-else-if="more && !isWork && !selecting" class="panel" :style="{ paddingBottom: safeBottom + 'px' }">
<view class="tile" @click="pick('album')"><text class="te">🖼</text><text>相册</text></view> <view class="tile" @click="pick('album')">
<view class="tile" @click="pick('camera')"><text class="te">📷</text><text>拍摄</text></view> <wd-icon name="picture" size="52rpx" color="#111827" />
<view class="tile" @click="pick('file')"><text class="te">📎</text><text>文件</text></view> <text>相册</text>
<view v-if="!isGroup" class="tile" @click="startCall(false)"><text class="te">☎</text><text>语音通话</text></view> </view>
<view v-if="!isGroup" class="tile" @click="startCall(true)"><text class="te">▷</text><text>视频通话</text></view> <view class="tile" @click="pick('camera')">
<view v-if="isGroup" class="tile" @click="mention"><text class="te">@</text><text>提醒成员</text></view> <wd-icon name="camera" size="52rpx" color="#111827" />
<text>拍摄</text>
</view>
<view class="tile" @click="pick('file')">
<wd-icon name="folder" size="52rpx" color="#111827" />
<text>文件</text>
</view>
<view v-if="!isGroup" class="tile" @click="startCall(false)">
<wd-icon name="call" size="52rpx" color="#111827" />
<text>语音通话</text>
</view>
<view v-if="!isGroup" class="tile" @click="startCall(true)">
<wd-icon name="video" size="52rpx" color="#111827" />
<text>视频通话</text>
</view>
<view v-if="isGroup" class="tile" @click="mention">
<wd-icon name="usergroup" size="52rpx" color="#111827" />
<text>提醒成员</text>
</view>
</view> </view>
<view v-else-if="isWork" class="hint">工作通知为办件卡片，不支持快捷回复</view> <view v-else-if="isWork" class="hint">工作通知为办件卡片，不支持快捷回复</view>
</view> </view>
@@ -889,9 +907,8 @@ export default {
.tile { .tile {
width: 148rpx; height: 148rpx; background: #fff; border-radius: 20rpx; width: 148rpx; height: 148rpx; background: #fff; border-radius: 20rpx;
display: flex; flex-direction: column; align-items: center; justify-content: center; display: flex; flex-direction: column; align-items: center; justify-content: center;
font-size: 22rpx; color: #4B5563; gap: 12rpx; font-size: 22rpx; color: #4B5563;
} }
.te { font-size: 44rpx; margin-bottom: 10rpx; }
.em { width: 12.5%; text-align: center; font-size: 44rpx; line-height: 88rpx; } .em { width: 12.5%; text-align: center; font-size: 44rpx; line-height: 88rpx; }
.hint { text-align: center; font-size: 24rpx; color: #9CA3AF; padding: 24rpx; background: #fff; } .hint { text-align: center; font-size: 24rpx; color: #9CA3AF; padding: 24rpx; background: #fff; }
.ico { padding: 8rpx 8rpx; font-size: 40rpx; color: #111827; letter-spacing: 2rpx; } .ico { padding: 8rpx 8rpx; font-size: 40rpx; color: #111827; letter-spacing: 2rpx; }