mp-colorui
Version:
MP ColorUI 是一款基于 Taro 框架并且联合 Color-UI CSS 库开发的多端 UI 组件库（目前仅支持小程序端）
32 lines • 923 B
JavaScript
import Nerv from "nervjs";
import { Text } from '@tarojs/components';
import { Component, pxTransform } from "@tarojs/taro-h5";
import { isNumber } from "../utils/index";
const pxMap = {
xsmall: 40,
small: 48,
normal: 56,
large: 64,
xlarge: 72,
xxlarge: 88,
slarge: 160,
xslarge: 240
};
export default class ClIcon extends Component {
render() {
const sizeClassName = this.props.size || 'normal';
const bgColorClassName = this.props.color ? `text-${this.props.color}` : '';
const iconClassName = this.props.iconName ? `cuIcon-${this.props.iconName}` : '';
return <Text className={`${bgColorClassName} ${iconClassName}`} style={{
fontSize: `${isNumber(sizeClassName) ? pxTransform(sizeClassName) : pxTransform(pxMap[sizeClassName])}`
}} />;
}
}
ClIcon.options = {
addGlobalClass: true
};
ClIcon.defaultProps = {
size: 'normal',
bgColor: undefined,
iconName: undefined
};