antd-mobile/es/result/style/index.less

基于 React 的移动设计规范实现

@import '../../style/mixins';
@import '../../style/themes/default';

@resultPrefixCls: am-result;

.@{resultPrefixCls} {
  position: relative;
  text-align: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: @v-spacing-xl;
  background-color: @fill-base;
  .hairline-bottom(@border-color-base);

  & &-pic {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    line-height: 120px;
    background-size: 120px 120px;
  }

  & &-title,
  & &-message {
    font-size: @font-size-display-md;
    color: @color-text-base;
    padding-left: @h-spacing-lg;
    padding-right: @h-spacing-lg;
  }

  & &-title {
    margin-top: @v-spacing-lg;
    line-height: @line-height-base;
  }

  & &-message {
    margin-top: @v-spacing-md;
    line-height: @line-height-paragraph;
    font-size: @font-size-caption;
    color: @color-text-caption;
  }

  & &-button {
    padding: 0 @h-spacing-lg;
    margin-top: @v-spacing-lg;
  }
}