yshop-pro-uniapp/style/flex.scss

.flex{
  display: flex!important;
}

.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}


.flex-lr__center{
  justify-content: space-between;
  align-items: center;
}

.flex-lr__start{
  justify-content: space-between;
  align-items: flex-start;
}

.flex-lr__end{
  justify-content: space-between;
  align-items: flex-end;;
}

.flex-start__center{
  justify-content: flex-start;
  align-items: center;
}

.flex-start__start{
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-start__end{
  justify-content: flex-start;
  align-items: flex-end;;
}

.flex-end__center{
  justify-content: flex-end;
  align-items: center;
}

.flex-end__start{
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-end__end{
  justify-content: flex-end;
  align-items: flex-end;;
}

.flex-tb__center{
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.flex-tb__start{
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-tb__end{
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;;
}

.flex-top__center{
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.flex-top__start{
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-top__end{
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;;
}

.flex-bottom__center{
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.flex-bottom__start{
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.flex-bottom__end{
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;;
}


.flex-center__center{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-center__start{
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.flex-center_end{
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;;
}



.flex-column{
  flex-direction: column;
}

.flex-jc__sb{
  justify-content: space-between;
}

.flex-jc__sa{
  justify-content: space-around;
}

.flex-jc__se{
  justify-content: space-evenly;
}

.flex-jc__start{
  justify-content: flex-start;
}

.flex-jc__center{
  justify-content: center;
}

.flex-jc__end{
  justify-content: flex-end;
}

.flex-ai__start{
  align-items: flex-start;
}
.flex-ai__center{
  align-items: center;
}
.flex-ai__end{
  align-items: flex-end;;
}