mp-colorui/dist/h5/components/timeline/index.js

MP ColorUI 是一款基于 Taro 框架并且联合 Color-UI CSS 库开发的多端 UI 组件库（目前仅支持小程序端）

import Taro from "@tarojs/taro-h5";
import Nerv from "nervjs";
import { View } from '@tarojs/components';
import { BG_COLOR_LIST, TEXT_COLOR_LIST } from "../utils/model";
export default class ClTimeline extends Taro.Component {
  render() {
    const props = this.props;

    const times = props.times || [];
    const iconColorClassName = color => color ? TEXT_COLOR_LIST[color] : '';
    const iconClassName = icon => icon ? `cuIcon-${icon}` : '';
    const bgColorClassName = color => color ? BG_COLOR_LIST[color] : '';
    const items = times.map((item, index) => <View key={index} className={`cu-item ${iconColorClassName(item.iconColor)} ${iconClassName(item.icon)}`}>
      <View className={`${bgColorClassName(item.bgColor)} content`}>{item.content}</View>
    </View>);
    return <View className="cu-timeline">{items}</View>;
  }

}
ClTimeline.options = {
  addGlobalClass: true
};