pay-video-applet-uniapp-24-8-22/components/content/contentControls.vue

<template>
	<view class="controls"
		@click="$emit('bell')">
		<view class="">
			<uv-icon size="35rpx" name="bell"></uv-icon>
			举报
		</view>
		<view class=""
		@click="$emit('thumb-up')">
			<uv-icon size="35rpx" name="thumb-up"></uv-icon>
			点赞
		</view>
		<view class=""
		@click="$emit('share')">
			<uv-icon size="35rpx" name="share"></uv-icon>
			分享
		</view>
		<view class=""
		@click="$emit('thumb-down')">
			<uv-icon size="35rpx" name="thumb-down"></uv-icon>
			踩
		</view>
	</view>
</template>

<script>
	export default {
		name:"contentControls",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.controls {
	display: flex;
	&>view {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 40rpx;
	}
}
</style>