mini-check/dist/h5/components/UnEditeableView/index.js

import Taro from "@tarojs/taro-h5";
import Nerv from "nervjs";
import { View, Text } from '@tarojs/components';
import { CustomLabel } from '../index';
import classnames from 'classnames';
import './index.scss';

class Index extends Taro.Component {
  render() {
    const { term, help, value, addonAfter, style, layout, listItemChildren } = this.props;

    const containerCLs = classnames(['unedit-container', listItemChildren ? 'item-container' : 'item-container-margin']);
    const contentCls = classnames(['unedit-content', layout === 'column' ? 'column-layout' : '']);
    return <View className={containerCLs} style={{ display: 'flex', flexDirection: layout || 'row', ...style }}>
      <CustomLabel term={`${term}`} help={help} />
      <View className={contentCls}>
        <Text className="unedit-text">{value}</Text>
        {addonAfter && <Text className="unedit-addon-after">{addonAfter}</Text>}
      </View>
    </View>;
  }

}

export default Index;