1. 单个输入框的文字lable放输入框左边实现
   

  material design 的组件库示例没有文字描述放左边的样式 ,所以mat-lable并没有放在mat-form-field中

          <div class="input-container col-6"><mat-label>商品售价<span class="text-error">*</span></mat-label><mat-form-field appearance="fill"><input matInput placeholder="请输入" required formControlName="sellingPrice"></mat-form-field></div>

 2.label文字右对齐，对lable、输入框父级容器使用flex布局，justify-content: end;使输入框右边对齐

// 输入框容器样式
.input-container {display: flex;align-items: baseline;justify-content: end;
}

3.一行两个输入表单组件是使用了bootstrap的栅格系统 col-6