export default [
  {
    title: '上部分整体样式',
    prop: 'topStyle',
    css: {
      width: '100%',
      height: 132,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'space-between',
      fontWeight: 500,
      padding: {
        top: 40,
        right: 30,
        bottom: 40,
        left: 30
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      background: ''
    }
  },
  {
    title: '上部分左侧样式',
    prop: 'topLeft',
    css: {
      display: 'flex',
      alignItems: 'center',
      fontWeight: 500,
      padding: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      background: ''
    }
  },
  {
    title: '上部分右侧样式',
    prop: 'topRight',
    css: {
      display: 'flex',
      alignItems: 'center',
      fontWeight: 500,
      padding: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      background: ''
    }
  },
  {
    title: '姓名样式',
    prop: 'name',
    css: {
      fontSize: 45,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      fontWeight: 500,
      fontFamily: 'monospace',
      padding: {
        top: 0,
        right: 15,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 15,
        bottom: 0,
        left: 0
      },
      borderWidth: {
        top: 0,
        right: 4,
        bottom: 0,
        left: 0
      },
      borderStyle: 'solid',
      background: ''
    }
  },
  {
    title: '简介样式',
    prop: 'abstract',
    css: {
      fontSize: 16,
      color: '#7c7b7b',
      display: 'flex',
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      fontWeight: 500,
      fontFamily: 'monospace',
      padding: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      background: ''
    }
  },
  {
    title: '图标盒子样式',
    prop: 'iconBox',
    css: {
      height: 40,
      width: 40,
      borderRadius: {
        topLeft: '50%',
        topRight: '50%',
        bottomLeft: '50%',
        bottomRight: '50%'
      },
      background: '#254665',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      fontWeight: 500,
      padding: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 20
      }
    }
  },
  {
    title: '底部样式',
    prop: 'bottomStyle',
    css: {
      width: '100%',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'space-between',
      fontWeight: 500,
      padding: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      }
    }
  },
  {
    title: '底部左侧样式',
    prop: 'bottomLeft',
    css: {
      height: 30,
      width: '60%',
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'space-between',
      fontWeight: 500,
      backgroundColor: '#254665',
      padding: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      }
    }
  },
  {
    title: '底部右侧样式',
    prop: 'bottomRight',
    css: {
      height: 25,
      flex: 1,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'space-between',
      fontWeight: 500,
      padding: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 0
      },
      margin: {
        top: 0,
        right: 0,
        bottom: 0,
        left: 20
      }
    }
  }
];
