<template>
	<view class="NewsPlus">
		<scroll-view scroll-y scroll-with-animation>
			<view append="tree" class="emoj_box">
				<template v-for="(item, index) in emojiList" :key="index">
					<text @click="emit('setEmoj', item)" class="emoj_box_img">{{ item }}</text>
				</template>
			</view>
		</scroll-view>
	</view>
</template>
<script setup>
	import {
		defineEmits
	} from 'vue'
	import emojiList from './emoji.js'
	const emit = defineEmits(['setEmoj'])
</script>

<style scoped>
	.NewsPlus {
		background-color: #f6f6f6;
	}

	.scroller {
		flex: 1;
	}

	.emoj_box {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.emoj_box_img {
		font-size: 45rpx;
		width: 83rpx;
		height: 83rpx;
		text-align: center;
		line-height: 83rpx;
	}
</style>