taro-material/weapp/List/index.js

Mini Program components that implement Google's Material Design.

import Taro, { Component } from '@tarojs/taro';
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;