需要实名认证

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>