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

抽屉关闭图标支持 #210

Closed
simplealittle opened this issue May 31, 2019 · 6 comments
Closed

抽屉关闭图标支持 #210

simplealittle opened this issue May 31, 2019 · 6 comments

Comments

@simplealittle
Copy link

环境及版本信息

  • tinper-bee 版本号:

2.0.12

  • 若使用单个组件,请标明该组件版本号:
  • 当前项目中react的版本号:
  • 所使用的操作系统:
  • 所使用的浏览器:

描述这个问题:

抽屉组件中 删除图标支持

代码

image
关闭图标希望可以替换成我们自己的

报错信息

当前的行为:效果(可截图说明)及动作描述

期望的行为:

期望可以修改关闭图标 ,我看你们的图标是手写的X
image
感觉不是很好

@yangchch6
Copy link
Contributor

您好,请问下您是哪个项目组的?

@simplealittle
Copy link
Author

您好,请问下您是哪个项目组的?

畅捷通 t+

@yangchch6
Copy link
Contributor

bee-drawer@0.0.3,将关闭图标替换为 Icon 组件。

@simplealittle
Copy link
Author

bee-drawer@0.0.3,将关闭图标替换为 Icon 组件。
我换成3了 还是X啊 ;
文档可以更新一下吗 ?我想用我们自己的图标。。

@yangchch6
Copy link
Contributor

你是想自定义关闭图标啊,我以为是把 X 换成 Icon 组件。。。
那我加个 API 吧

@yangchch6 yangchch6 reopened this Jun 3, 2019
@yangchch6
Copy link
Contributor

bee-drawer@0.0.4,增加了 closeIcon 属性,支持自定义关闭图标。使用方法如下:

                <Drawer closeIcon={<Icon type="uf-close-c"/>} showClose={true} className={'demo1'} title={title} show={showDrawer} placement={placement} onClose={this.fCloseDrawer}>
                    <div className="con">
                        <p>这是第一行文字</p>
                        <p>这是第二行文字</p>
                        <p>这是第三行文字,啦啦啦~</p>                                                 
                    </div>
                </Drawer>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants