Skip to content

N
nutui-react

京东前端 / nutui-react

通知 0
Star 2
Fork 0
N
nutui-react

体验新版 GitCode，发现更多精彩内容 >>

未验证 提交 16474f18 编写于 作者: C cuicuiworld 提交者： GitHub
浏览文件
操作

feat: tag组件添加自定义className和style属性 (#435)

上级 14b75f46
隐藏空白更改
内联 并排
Showing with 12 addition and 8 deletion
src/packages/tag/tag.taro.tsx
浏览文件 @ 16474f18
......@@ -39,6 +39,8 @@ const defaultProps = {
} as TagProps
export const Tag: FunctionComponent<Partial<TagProps>> = (props) => {
const {
className,
style,
color,
plain,
type,
......@@ -106,8 +108,8 @@ export const Tag: FunctionComponent<Partial<TagProps>> = (props) => {
{closeable ? (
isTagShow && (
<div
className={`${btnName}`}
style={getStyle()}
className={`${btnName} ${className}`}
style={{ ...style, ...getStyle() }}
onClick={(e) => handleClick(e)}
>
{children && <span className="text">{children}</span>}
......@@ -128,8 +130,8 @@ export const Tag: FunctionComponent<Partial<TagProps>> = (props) => {
)
) : (
<div
className={`${btnName}`}
style={getStyle()}
className={`${btnName} ${className}`}
style={{ ...style, ...getStyle() }}
onClick={(e) => handleClick(e)}
>
{children && <span className="text">{children}</span>}
......
src/packages/tag/tag.tsx
浏览文件 @ 16474f18
......@@ -39,6 +39,8 @@ const defaultProps = {
} as TagProps
export const Tag: FunctionComponent<Partial<TagProps>> = (props) => {
const {
className,
style,
color,
plain,
type,
......@@ -106,8 +108,8 @@ export const Tag: FunctionComponent<Partial<TagProps>> = (props) => {
{closeable ? (
isTagShow && (
<div
className={`${btnName}`}
style={getStyle()}
className={`${btnName} ${className}`}
style={{ ...style, ...getStyle() }}
onClick={(e) => handleClick(e)}
>
{children && <span className="text">{children}</span>}
......@@ -128,8 +130,8 @@ export const Tag: FunctionComponent<Partial<TagProps>> = (props) => {
)
) : (
<div
className={`${btnName}`}
style={getStyle()}
className={`${btnName} ${className}`}
style={{ ...style, ...getStyle() }}
onClick={(e) => handleClick(e)}
>
{children && <span className="text">{children}</span>}
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或