TypeScript styles.withStyles函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中src/components/core/styles.withStyles函数的典型用法代码示例。如果您正苦于以下问题：TypeScript withStyles函数的具体用法？TypeScript withStyles怎么用？TypeScript withStyles使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了withStyles函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: withStyles

  iconGridCell: {
    display: 'flex',
    alignItems: 'center',
    padding: 4
  },
  ipCell: {
    width: '15%',
    [theme.breakpoints.down('sm')]: {
      width: '100%'
    }
  },
  ipCellWrapper: {
    display: 'inline-flex',
    flexDirection: 'column'
  },
  planCell: {
    width: '15%',
    [theme.breakpoints.down('sm')]: {
      width: '100%'
    }
  },
  regionCell: {
    width: '15%',
    [theme.breakpoints.down('sm')]: {
      width: '100%'
    }
  }
});

export default withStyles(styles, { withTheme: true });

开发者ID:linode，项目名称:manager，代码行数:30，代码来源:LinodeRow.style.ts

示例2: withStyles

      paddingRight: 0
    }
  },
  title: {
    marginBottom: theme.spacing.unit * 2
  },
  summarySection: {
    padding: theme.spacing.unit * 2,
    marginBottom: theme.spacing.unit * 3
  },
  section: {
    marginBottom: theme.spacing.unit,
    ...theme.typography.body1,
    '& .dif': {
      position: 'relative',
      width: 'auto',
      '& .chip': {
        position: 'absolute',
        top: '-4px',
        right: -10
      }
    }
  },
  main: {},
  sidebar: {},
  domainSidebar: {},
  titleWrapper: {}
});

export default withStyles(styles);

开发者ID:linode，项目名称:manager，代码行数:30，代码来源:SummaryPanels.styles.ts

注：本文中的src/components/core/styles.withStyles函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。