Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Card.Footer 组件 content 覆盖 extra #969

Closed
F-happy opened this issue Mar 9, 2017 · 0 comments
Closed

Card.Footer 组件 content 覆盖 extra #969

F-happy opened this issue Mar 9, 2017 · 0 comments
Assignees
Labels

Comments

@F-happy
Copy link

F-happy commented Mar 9, 2017

环境

  • antd-mobile版本: 1.0.4
  • react-native版本: 0.39.0
  • 操作系统版本或设备型号: mac os 10.12.3 模拟器

复现步骤

我在 Card.Footer 组件的 content 和 extra 中各传入了一个 Button 组件,代码如下:

<Card>
   <Card.Header
      title="门店名"
      extra={rowData.name}
   />
   <Card.Body>
      <List>
          <Item extra={rowData.id}>门店号</Item>
      </List>
      <List>
           <Item extra={rowData.district}>所属商圈</Item>
       </List>
       <List>
           <Item extra={rowData.merchant}>所属商户</Item>
       </List>
    </Card.Body>
    <Card.Footer
        content={<Button type="primary" size="small">左边</Button>}
        extra={<Button type="primary" size="small">右边</Button>}
    />
</Card>

预期的正常效果

希望 content 里面显示左边,extra 里面显示右边

结果

结果左右两边都是左边,
还有截图中门店和门店号中间为什么会有两条线呢?

wx20170309-162806

@silentcloud silentcloud self-assigned this Mar 9, 2017
@silentcloud silentcloud added the bug label Mar 9, 2017
@warmhug warmhug added the RN label Mar 9, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants