feat: first commit
This commit is contained in:
12
src/components/cell/index.less
Normal file
12
src/components/cell/index.less
Normal file
@ -0,0 +1,12 @@
|
||||
.bl-cell {
|
||||
height: 112px;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
border-radius: 16px;
|
||||
|
||||
&__right-text {
|
||||
font-size: 28px;
|
||||
font-weight: 400;
|
||||
color: @blColor;
|
||||
}
|
||||
}
|
||||
22
src/components/cell/index.tsx
Normal file
22
src/components/cell/index.tsx
Normal file
@ -0,0 +1,22 @@
|
||||
import { Cell } from '@taroify/core';
|
||||
import { CellProps } from '@taroify/core/cell';
|
||||
import classNames from 'classnames';
|
||||
|
||||
import './index.less';
|
||||
|
||||
interface IProps extends CellProps {
|
||||
rightText?: string;
|
||||
}
|
||||
|
||||
const PREFIX = 'bl-cell';
|
||||
|
||||
function BlCell(props: IProps) {
|
||||
const { className, rightText, ...otherProps } = props;
|
||||
return (
|
||||
<Cell className={classNames(PREFIX, className)} {...otherProps}>
|
||||
{rightText && <div className={`${PREFIX}__right-text`}>{rightText}</div>}
|
||||
</Cell>
|
||||
);
|
||||
}
|
||||
|
||||
export default BlCell;
|
||||
Reference in New Issue
Block a user