You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.2 KiB
78 lines
2.2 KiB
<template>
|
|
<view class="emoji" :style="{height:height+'px'}">
|
|
<view class="emoji-line" v-for="(line,i) in emoji" :key="i">
|
|
<view class="emoji-line-item" v-for="(item,index) in line" :key="index" @tap="clickEmoji(item)">{{item}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props:{
|
|
height:{
|
|
type:Number,
|
|
default:260
|
|
}
|
|
},
|
|
name: "emoji",
|
|
data() {
|
|
return {
|
|
emoji: [
|
|
['๐', '๐', '๐', '๐คฃ', '๐', '๐', '๐
'],
|
|
['๐', '๐', '๐', '๐', '๐', '๐', '๐'],
|
|
['๐', '๐', '๐', '๐', '๐', '๐ค', '๐'],
|
|
['๐', '๐ฃ', '๐ฅ', '๐ฎ', '๐ค', '๐ฏ', '๐ถ'],
|
|
['๐ช', '๐ซ', '๐ด', '๐', '๐', '๐คค', '๐'],
|
|
['๐', '๐', '๐', '๐', '๐ค', '๐', '๐'],
|
|
['๐', '๐ค', '๐ญ', '๐จ', '๐ฐ', '๐ฌ', '๐ต'],
|
|
['๐ฑ', '๐ก', '๐ท', '๐', '๐ป', '๐', '๐'],
|
|
['๐ฉ', '๐', '๐', '๐', '๐ช๐ป', 'โ๐ป', 'โ๐ผ'],
|
|
['๐ค๐ป', '๐ค๐ผ', '๐๐ป', 'โ๐ป', '๐๐ผ', '๐๐ป', '๐๐ป'],
|
|
['๐๐ป', '๐ค', '๐', '๐ฒ', '๐ฆ', '๐ฐ'] //'๐',
|
|
],
|
|
emojiindex: [
|
|
[11, 12, 13, 14, 15, 16,17],
|
|
[21, 22, 23, 24, 25, 26, 27],
|
|
[31, '๐', '๐', '๐', '๐', '๐ค', '๐'],
|
|
[41, '๐ฃ', '๐ฅ', '๐ฎ', '๐ค', '๐ฏ', '๐ถ'],
|
|
[51, '๐ซ', '๐ด', '๐', '๐', '๐คค', '๐'],
|
|
[61, '๐', '๐', '๐', '๐ค', '๐', '๐'],
|
|
[71, '๐ค', '๐ญ', '๐จ', '๐ฐ', '๐ฌ', '๐ต'],
|
|
[81, '๐ก', '๐ท', '๐', '๐ป', '๐', '๐'],
|
|
[91, '๐', '๐', '๐', '๐ช๐ป', 'โ๐ป', 'โ๐ผ'],
|
|
['๐ค๐ป', '๐ค๐ผ', '๐๐ป', 'โ๐ป', '๐๐ผ', '๐๐ป', '๐๐ป'],
|
|
['๐๐ป', '๐ค', '๐', '๐ฒ', '๐ฆ', '๐ฐ'] //'๐',
|
|
]
|
|
};
|
|
},
|
|
methods: {
|
|
clickEmoji(e) {
|
|
this.$emit('emotion', e)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.emoji {
|
|
width: 100%;
|
|
// height: 460rpx;
|
|
padding: 16rpx 10rpx 130rpx 10rpx;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
|
|
.emoji-line{
|
|
display: flex;
|
|
|
|
.emoji-line-item {
|
|
flex: 1;
|
|
text-align: center;
|
|
font-size: 44rpx;
|
|
line-height: 140rpx;
|
|
}
|
|
}
|
|
}
|
|
</style>
|