详情类布局模板

1. html

        
退货异常被拒绝
        

          

            

              方案ID:
              001
            
            

              方案类型:
              清障类
            
            

              创建人:
              李琳
            
          
          

            

              方案描述:
              退货异常被拒绝01
            
            

              业务场景:
              售后&纠纷
            
            

              创建时间:
              2016-09-21 08:50:08
            
          
          

            

              方案目标:
              咨询量
            
            

              业务BU:
              淘宝
            
            

              修改时间:
              2016-09-21 08:50:08
            
          
        
      

2. css

@import "../../../style/mixin.less";

.container {
  .detail {
    background: white;
    .title {
      font-size: 21px;
      font-weight: bold;
      height: @space * 8;
      line-height: @space * 7;
      padding-left: @space * 9;
    }

    .item-container {
      display: flex;
      justify-content: space-around;
      
      >div>div {
        height: @space * 5;
      }

      >div>div>span:first-child{
        color: #aaa;
        margin-right: @space / 2;
      }
    }
  }
}