## 重构版本小细节 > 有部分因为编辑器和hello-uniapp版本(我看的hello-uniapp版本已经是uniapp编辑模式的nvue版本了)的原因造成的一些细节上的小问题，给大家备注一下 ### 1. `uni-badge`兼容性问题 > 在新版本的`Hello uniapp`中已经固定了宽度所以在**强化badge组件功能**章节可能会遇到下面的问题 >  > 强化修改后无法正常显示 **解决办法:** ``` <template> <view v-if="text" :class="inverted ? 'uni-badge--' + type + ' uni-badge--' + size + ' uni-badge--' + type + '-inverted' : 'uni-badge--' + type + ' uni-badge--' + size" class="uni-badge" style="padding: 0 10rpx;" @click="onClick()"><slot></slot>{{ text }}</view> </template> ``` > 代码整体复制替换即可解决当前存在的问题 ***** ### 2. 键盘弹出后输入框的部分边框被覆盖 > 在**聊天输入框组件开发**章节中点击输入按钮上推后会出现下面的效果  > 输入框和键盘之间的间隔没有了 **解决办法** ``` <view style="height: 100rpx;" class="fixed-bottom flex align-center border-top bg-white"> <input type="text" value="" cursor-spacing="10" class="flex-1 ml-3 rounded bg-light" style="padding: 5rpx;" placeholder="文明发言" /> <view class="flex justify-center align-center font-lg iconfont icon-fabu animated faster" hover-class="jello text-main" style="width: 100rpx;"></view> ``` > 在`input`中加入`cursor-spacing="10"`即可解决这个属性的意思是：指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离 ****** ### 3.新版社区的onready和onload在子组件不生效 改为`mounted`周期函数 ### 4.`user_chat`发消息之后不能自动回滚到底部 ``` pageToBottom(){ let lastIndex = this.list.length - 1 if (lastIndex < 0) return; this.$nextTick(()=>{ this.scrollInto = 'chat'+lastIndex }) } ```