首先，我使用的是mpvue开发。样式使用的less，并且全局会定义一套主题。

@primary-color         : #ff8730;
@second-color          : #F48B4A;
@background-color      :#F3F3F3;
@second-text-color     :#787878;

.flex-center-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

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

<style lang="less">
  @import "../../theme/orange.less";
  page {
    background-color: @background-color;
  }
</style>

页面效果如下