需要实名认证

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"

TUIKit/components/TUIConversation/conversation-header/index.vue

@@ -3,7 +3,7 @@
     :ref="convHeaderRef"
     class="tui-conversation-header"
   >
-    <Navigation title="测试首页标题">
+    <Navigation title="消息">
       <template
         #right
       >

TUIKit/components/TUIGroup/create-group/index.vue

@@ -47,13 +47,10 @@
                 :groupType="groupInfo.profile.type"
                 @selectType="selected"
               />
-              <span
-                v-else
-                class="group-h5-list-item-content"
-                @click="edit('type')"
-              >
+              <span v-else class="group-h5-list-item-content">
+                <!--     @click="edit('type')" -->
                 <p class="content">{{ groupTypeDetail.label }}</p>
-                <Icon :file="rightIcon" />
+                <!-- <Icon :file="rightIcon" /> -->
               </span>
             </div>
             <article v-if="!isPC" class="group-h5-list-item-introduction">