42 lines
779 B
Vue
42 lines
779 B
Vue
|
<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>
|