uniapp实现一个键盘功能

前言

因为公司需要，所以我....

演示

 

代码

键盘组件代码

<template>
	<view class="keyboard_container">
		<view class="li" v-for="(item, index) in arr" :key="index" @click="changArr(item)" :style="item=='删除' ? 'width: 122rpx' : item=='空格' ? 'width: 254rpx' : ''">
			<view>{
  
  {item}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr: [
					"0", "1", "2", "3", "4", "5", "6", "7", "8", "9", 
					"a", "b", "c", "d", "e", "f", "g", "h",
					"i", "j", "k", "l", "m", "