需要实名认证

TUIKit/assets/icon/live-stream.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1767885094211" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16148" width="80" height="80" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M149.333333 746.666667v85.333333a21.333333 21.333333 0 0 0 17.493334 20.992L170.666667 853.333333h682.666666a21.333333 21.333333 0 0 0 20.992-17.493333l0.341334-3.84v-85.333333H938.666667v85.333333a85.333333 85.333333 0 0 1-85.333334 85.333333H170.666667a85.333333 85.333333 0 0 1-85.333334-85.333333v-85.333333h64z m39.04-309.333334v198.698667H320v57.301333H128v-256h60.373333z m238.293334 0v256H362.666667v-256H426.666667z m106.666666 0l42.666667 170.666667 42.666667-170.666667H682.666667l-64 256h-85.333334l-64-256h64z m370.688 0v50.944h-117.504v47.445334h100.864v51.626666h-100.864v54.357334h121.685334v51.626666H725.333333v-256h178.688z m-227.712-371.626666l63.573334 40.106666L672.64 213.333333H853.333333a85.333333 85.333333 0 0 1 85.333334 85.333334v85.333333h-64V298.666667a21.333333 21.333333 0 0 0-17.493334-20.992L853.333333 277.333333H170.666667a21.333333 21.333333 0 0 0-20.992 17.493334L149.333333 298.666667v85.333333H85.333333V298.666667a85.333333 85.333333 0 0 1 85.333334-85.333334h180.010666L283.52 105.813333l61.098667-40.106666L436.906667 213.333333h147.2l92.245333-147.626666z" fill="#2c2c2c" p-id="16149"></path></svg>

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'"
+    :iconWidth="isUniFrameWork ? '34px' : '20px'"
-    :iconHeight="isUniFrameWork ? '26px' : '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
+              <span v-else class="group-h5-list-item-content">
-                v-else
+                <!--     @click="edit('type')" -->
-                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">

api/tui-kit.js

@@ -58,3 +58,4 @@ export const receiveRedEnvelope = data => {
     data
   })
 }
+

pages.json

@@ -322,6 +322,13 @@
         "navigationBarTitleText": "公司介绍",
         "navigationBarBackgroundColor": "#ffffff"
       }
+    },
+    {
+      "path": "TUIKit/components/TUIChat/message-input-toolbar/live-stream/apply",
+      "style": {
+        "navigationBarTitleText": "直播",
+        "navigationStyle": "custom"
+      }
     }
   ],
   "globalStyle": {
@@ -363,4 +370,4 @@
       }
     ]
   }
-}
+}