需要实名认证

TUIKit/components/TUIChat/message-input-toolbar/index.vue

@@ -65,6 +65,13 @@
           /> -->
           <!-- 红包 -->
           <RedEnvelope />
+
+          <!-- 直播按钮 -->
+          <LiveStream
+            v-if="
+              currentConversation?.type === TUIChatEngine.TYPES.CONV_GROUP
+            "
+          />
         </template>
       </swiper-item>
       <swiper-item
@@ -135,6 +142,7 @@
   import CameraUpload from './camera-upload/index.vue'
   import Evaluate from './evaluate/index.vue'
   import RedEnvelope from './red-envelope/index.vue'
+  import LiveStream from './live-stream/index.vue'
   import Words from './words/index.vue'
   import ToolbarItemContainer from './toolbar-item-container/index.vue'
   import EmojiPickerDialog from './emoji-picker/emoji-picker-dialog.vue'

TUIKit/components/TUIChat/message-input-toolbar/live-stream/apply.vue

@@ -0,0 +1,16 @@
+<script setup></script>
+
+<template>
+  <view>
+    <nav-bar isTopBg isPlaceholder title="申请主播"></nav-bar>
+    申请直播TUIKit\components\TUIChat\message-input-toolbar\live-stream\apply.vue
+    <view class="apply-box"></view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+  // 背景色
+  page {
+    background: #f9f9f9;
+  }
+</style>

TUIKit/components/TUIChat/message-input-toolbar/live-stream/index.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+  import { ref } from '../../../../adapter-vue'
+  import custom from '../../../../assets/icon/live-stream.svg'
+  import ToolbarItemContainer from '../toolbar-item-container/index.vue'
+  import { isUniFrameWork } from '../../../../utils/env'
+  import { navigateTo } from '../../../../../utils/router'
+
+  const evaluateIcon = custom
+
+  const container = ref()
+  const onDialogShow = () => {
+    navigateTo(
+      '/TUIKit/components/TUIChat/message-input-toolbar/live-stream/apply'
+    )
+    container?.value?.toggleDialogDisplay(false)
+  }
+</script>
+
+<template>
+  <ToolbarItemContainer
+    ref="container"
+    :iconFile="evaluateIcon"
+    :iconWidth="isUniFrameWork ? '34px' : '20px'"
+    :iconHeight="isUniFrameWork ? '34px' : '20px'"
+    title="直播"
+    @onDialogShow="onDialogShow"
+  ></ToolbarItemContainer>
+</template>
+
+<style scoped lang="scss"></style>

TUIKit/components/TUIChat/message-input-toolbar/red-envelope/index.vue

@@ -240,8 +240,8 @@
     ref="container"
     needBottomPopup
     :iconFile="evaluateIcon"
-    :iconWidth="isUniFrameWork ? '26px' : '20px'"
-    :iconHeight="isUniFrameWork ? '26px' : '20px'"
+    :iconWidth="isUniFrameWork ? '34px' : '20px'"
+    :iconHeight="isUniFrameWork ? '34px' : '20px'"
     title="红包"
     @onDialogShow="onDialogShow"
     @onDialogClose="onDialogClose"