root/uniapp-im-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加直播间功能，直播间右上角人数需要完善

Browse Source
This commit is contained in:
cbb
2026-01-14 17:57:17 +08:00
parent 0c88d29dce
commit db1b797b68
10 changed files with 632 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
uni_modules/tuikit-atomic-x/components/BarrageList.nvue
View File

@@ -21,9 +21,13 @@
<text class="message-role">主播</text>
</view>
<view class="nickname-content-wrapper">
<text class="chat-nickname"
<text v-if="message?.businessID === LIVE_BUSINESS.ADMIN" class="chat-nickname"
numberOfLines="1">游客：</text>
<text v-else class="chat-nickname"
numberOfLines="1">{{ message?.sender?.userName || message?.sender?.userID }}：</text>
<text class="chat-content">{{ message?.textContent || '' }}</text>
<text v-if="message?.businessID === LIVE_BUSINESS.SIGN" class="chat-content">{{ JSON.parse(message?.data).title }}</text>
<text v-else-if="message?.businessID === LIVE_BUSINESS.ADMIN" class="chat-content">1</text>
<text v-else class="chat-content">{{ message?.textContent || '' }}</text>
</view>
</view>
</view>
@@ -53,6 +57,7 @@
</template>
<script setup lang="ts">
import { LIVE_BUSINESS } from '@/constants/live-keys'
import { ref, watch, computed, onMounted, onUnmounted } from 'vue';
import { useBarrageState } from "@/uni_modules/tuikit-atomic-x/state/BarrageState";
import { useGiftState } from "@/uni_modules/tuikit-atomic-x/state/GiftState";