MMDivider 分割线

Props

IMMDividerProps

属性	类型	默认值	必传	说明
size	number		否	分割线大小
vertical	boolean		否	是否是垂直线
color	string	'#e6e6e6'	否	分割线颜色
style	CSSProperties		否	样式

代码示例

import { View, Text } from "@tarojs/components";
import { Component } from "react";
import MMDivider from "../../components/divider";
import styles from "./index.module.less";
import MMNavigation from "../../components/navigation";
import { H2 } from "../../components/head";

export default class Index extends Component {
  // componentWillMount() { }

  render() {
    return (
      <View className={styles.page}>
        <MMNavigation title="分割线" />
        <View className="container">
          <H2 text="默认" />
          <MMDivider />
          <View className="spacing" />

          <H2 text="设置颜色" />
          <MMDivider color="red" />

          <View className="spacing" />
          <H2 text="设置尺寸" />
          <MMDivider color="red" size={25} />

          <View className="spacing" />

          <H2 text="垂直线" />
          <View className={styles.verticalBox}>
            <Text>我</Text>
            <View className="spacing" />
            <MMDivider vertical />
            <View className="spacing" />
            <Text>是</Text>
            <View className="spacing" />
            <MMDivider vertical size={25} />
            <View className="spacing" />
            <Text>分</Text>
            <View className="spacing" />
            <MMDivider vertical size={50} />
            <View className="spacing" />线
          </View>
        </View>
      </View>
    );
  }
}