Form中button 位置偏右

[nyrf]

重现步骤

import Taro, { Component } from '@tarojs/taro'
import { AtForm, AtInput, AtButton } from 'taro-ui'

class Login extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      mobile: '',
      password: ''
    }
  }
  mobileChange (value) {
    this.setState({
      mobile: value
    })
  }

  passwordChange (value) {
    this.setState({
      password: value
    })
  }

  onSubmit (event) {
    console.log(event)
    console.log(this.state)
  }
  onReset (event) {
    console.log(event)
  }

  render () {
    return (
      <AtForm
        onSubmit={this.onSubmit.bind(this)}
        onReset={this.onReset.bind(this)}
      >
        <AtInput
          name='mobile'
          title='手机号'
          type='phone'
          placeholder='输入手机号'
          value={this.state.mobile}
          onChange={this.mobileChange.bind(this)}
        />
        <AtInput
          name='password'
          title='密码'
          type='password'
          placeholder='输入密码'
          value={this.state.password}
          onChange={this.passwordChange.bind(this)}
        />
        <AtButton formType='submit' type="primary">提交</AtButton>
        <AtButton formType='reset'>重置</AtButton>
      </AtForm>
    )
  }
}

依赖的版本号

node: v10.13.0, Taro: 1.1.1 Taro-UI: 1.3.5

预期结果

Button 居中

实际结果

下面两个按钮偏右了，如果把form换成View，就居中了

相关链接

[jimczj]

确实有这个问题，近期会将 form 与 input 进行调整

[koppthe]

这个计划增加 Cell 组件来解决，不在 form 组件中加样式