taro-material/h5/List/index.js

Mini Program components that implement Google's Material Design.

import Nerv from "nervjs";
import Taro, { Component } from "@tarojs/taro-h5";
import { View } from '@tarojs/components';
import PropTypes from 'prop-types';
import classNames from 'classnames';

import './List.scss';

class RMList extends Component {
  render() {
    const { hasBorder, className, customStyle } = this.props;

    const rootClass = classNames('at-list', {
      'at-list--no-border': !hasBorder
    }, className);

    return <View className={rootClass} style={customStyle}>
        {this.props.children}
      </View>;
  }
}

RMList.defaultProps = {
  hasBorder: true,
  customStyle: {}
};

RMList.propTypes = {
  hasBorder: PropTypes.bool,
  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
};

export default RMList;