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

import Nerv from "nervjs";
import Taro from "@tarojs/taro-h5";
import { AtModal } from 'taro-ui';
import { View, Text, Image } from '@tarojs/components';
import helpImg from '../../assets/help.png';
import './index.scss';

class Label extends Taro.Component {
  render() {
    const { term, help, required, position, style } = this.props;

    const [isOpened, setIsOpened] = Taro.useState(false);
    const onConfirm = () => {
      setIsOpened(false);
    };
    const onClick = e => {
      setIsOpened(true);
    };
    return <View className={'label-wrap'} style={position ? { position: 'absolute', ...style } : { ...style }}>
      <Text className="label">{term}</Text>
      {required && <Text className="required">*</Text>}
      {help && <View className="icon-wrap">
        <Image src={helpImg} className="icon" onClick={onClick} />
      </View>}
      <AtModal isOpened={isOpened} title="" confirmText="确认" onCancel={onConfirm} onConfirm={onConfirm} content={help} closeOnClickOverlay={false} />
    </View>;
  }

}

export default Label;