NN2024010801/addons/xlapp/components/video/chatText.vue

<template>
	<view class="chatText" @click="click">
		<view class="chat-nickname">{{chat.member.nickname}}</view>
		<view class="chat-content"><text class="text">{{chat.content}}</text></view>
	</view>
</template>

<script>
	var timer = null
	export default {
		name: "chatText",
		props: ['chat', 'width', 'height'],
		data() {
			return {
				play: false,
				dblClick: false,
				autoplay: true,
				muted: true,
			};
		},
		mounted() {


		},
		methods: {
			click() {
				let _this = this
				_this.$emit('textClick', true);

			},
		},
		created() {}
	}
</script>

<style>
	.chatText {
		display: flex;
		/* padding: 10rpx; */
		/* margin-bottom: 20rpx; */
		/* background: rgba(0, 0, 0, 0.1); */
		/* border-radius: 60rpx; */
		/* flex-direction: row; */
		/* justify-content: left; */
		/* line-height: 28rpx; */
	}

	.chat-nickname {
		color: #14ECCC;
		/* min-width: 100rpx; */
		font-size: 28rpx;
		/* display: inline-block; */
		/* width: 140rpx; */

		height: 28rpx;
		line-height: 28rpx;
		/* vertical-align: middle; */
		margin-right: 10rpx;
	}

	.chat-content {
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.text {
		/* width: ; */
		color: #e4e4e4;
		font-size: 28rpx;
	}
</style>