UNPKG

mp-colorui

Version:

MP ColorUI 是一款基于 Taro 框架并且联合 Color-UI CSS 库开发的多端 UI 组件库(支持小程序端和H5端)

25 lines (23 loc) 893 B
import Nerv from "nervjs"; import { Text } from "@tarojs/components"; import Taro from "@tarojs/taro-h5"; import { classNames, isNumber } from "../../lib/index"; import { pxMap } from "../../lib/model"; export default class ClIcon extends Taro.Component { render() { const props = this.props; const iconName = props.iconName || ""; let iconNameClass = `cuIcon-${props.iconName}`; if (props.other) { iconNameClass = iconName; } const sizeClassName = props.size || "normal"; const bgColorClassName = props.color ? `text-${props.color}` : ""; return <Text className={classNames(`${bgColorClassName} ${iconNameClass}`, props.className)} style={Object.assign({ fontSize: `${isNumber(sizeClassName) ? Taro.pxTransform(sizeClassName) : Taro.pxTransform(pxMap[sizeClassName])}` }, props.style)} />; } } ClIcon.options = { addGlobalClass: true };