聊天功能区图标变更
This commit is contained in:
+25
-8
@@ -147,12 +147,30 @@
|
||||
<text v-for="e in emos" :key="e" class="em" @click="insertEmoji(e)">{{ e }}</text>
|
||||
</view>
|
||||
<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('camera')"><text class="te">📷</text><text>拍摄</text></view>
|
||||
<view class="tile" @click="pick('file')"><text class="te">📎</text><text>文件</text></view>
|
||||
<view v-if="!isGroup" class="tile" @click="startCall(false)"><text class="te">☎</text><text>语音通话</text></view>
|
||||
<view v-if="!isGroup" class="tile" @click="startCall(true)"><text class="te">▷</text><text>视频通话</text></view>
|
||||
<view v-if="isGroup" class="tile" @click="mention"><text class="te">@</text><text>提醒成员</text></view>
|
||||
<view class="tile" @click="pick('album')">
|
||||
<wd-icon name="picture" size="52rpx" color="#111827" />
|
||||
<text>相册</text>
|
||||
</view>
|
||||
<view class="tile" @click="pick('camera')">
|
||||
<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 v-else-if="isWork" class="hint">工作通知为办件卡片,不支持快捷回复</view>
|
||||
</view>
|
||||
@@ -889,9 +907,8 @@ export default {
|
||||
.tile {
|
||||
width: 148rpx; height: 148rpx; background: #fff; border-radius: 20rpx;
|
||||
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; }
|
||||
.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; }
|
||||
|
||||
Reference in New Issue
Block a user