kd-aiot-frontend/src/styles/index.scss

/** 全局样式 */
$--ele-font-path: '~ele-admin/es/style/fonts';
@import '~ele-admin/es/style/themes/dynamic.scss';
@import '~ele-admin/es/style/index.scss';
@import './transition/index.scss';




/* 布局-横向 */
/* c:center，s:start，e:end，a:around，b:between，w:wrap */
.rx {
    display: flex;
  }
  
  .rx-c {
    display: flex;
    align-items: center;
  }
  
  .rx-cc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  
  .rx-sc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  
  .rx-ss {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .rx-warp {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  
  .rx-se {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
  }
  
  .rx-dir-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .rx-ec {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
  }
  
  .rx-es {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: flex-start;
  }
  
  .rx-ee {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: flex-end;
  }
  
  .rx-ac {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
  }
  
  .rx-bc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  
  .rx-bs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .rx-be {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  
  .rx-vc {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
  }
  
  .rx-cs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  
  .rx-wsc {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }
  
  .rx-wss {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
  }
  
  .rx-wbs {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
  }
  
  /* 布局-纵向 */
  
  .cx {
    display: flex;
    flex-flow: column nowrap;
  }
  
  .cx-cc {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  
  .cx-ce {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-end;
  }
  
  .cx-sc {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  
  .cx-cs {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  
  .cx-rc {
    display: flex;
    flex-flow: column-reverse nowrap;
    justify-content: center;
    align-items: center;
  }

  table th .is-required::before{
    content: "*";
    color: red;
    margin-right: 4px;
}