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

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

import Taro from "@tarojs/taro-h5";
import Nerv from "nervjs";
import { View } from "@tarojs/components";
import { classNames } from "../../lib/index";
export default class ClGrid extends Taro.Component {
  render() {
    const props = this.props;

    const colClassName = `col-${props.col}`;
    const squareClassName = props.mode === "square" ? "grid-square" : "";
    const gridComponent = <View className={classNames(`grid ${colClassName} ${squareClassName}`, props.className)} style={Object.assign({}, props.style)}>
      {this.props.children}
    </View>;
    return gridComponent;
  }

}
ClGrid.options = {
  addGlobalClass: true
};
ClGrid.defaultProps = {
  col: 3,
  mode: "normal"
};