微信小程序弹框里有一个输入框，如何规定他只能输入数字，并且提示

1. 在 wxml 中的 input 标签中添加 type="number" 属性，这样输入框就只能输入数字了。
2. 在 js 中监听输入框的输入事件，判断输入的值是否为数字，如果不是则弹出提示框，并将输入框的值清空。
3. 在 wxml 中添加一个隐藏的提示框，用于提示用户输入的值不合法。
4. 在 js 中定义一个 showToast 函数，用于弹出提示框，并将提示框显示出来。
5. 在监听输入事件的函数中调用 showToast 函数，弹出提示框。

示例代码如下：

wxml：

<view>
  <input type="number" bindinput="onInput"/>
  <view class="tip" wx:if="{{showTip}}">请输入数字</view>
</view>

js：

Page({
  data: {
    showTip: false
  },
  onInput: function(e) {
    if (isNaN(e.detail.value)) {
      this.setData({
        showTip: true
      })
      this.showToast()
      e.detail.value = ''
    } else {
      this.setData({
        showTip: false
      })
    }
  },
  showToast: function() {
    wx.showToast({
      title: '请输入数字',
      icon: 'none',
      duration: 2000
    })
  }
})

CSS：

.tip {
  display: none;
  color: red;
  margin-top: 10px;
}