element-ui移动端适配

Element-UI是一个非常方便的组件库，它提供了许多现成的组件，可以帮助我们快速构建页面。然而，在移动端使用Element-UI时可能会遇到一些适配问题。其中一个问题是部分组件在移动端显示效果不太友好。此外，有些样式可能无法满足我们的预期，需要进行修改。

关于移动端适配，你可以使用媒体查询来针对不同的屏幕宽度设置样式。例如，可以使用@media查询来限制屏幕宽度小于500px时的样式，并针对特定的组件进行适配。

Element-UI的Message组件是用来进行消息提示的，你可以通过以下代码进行移动端适配：

this.$message({
  message: '雨伞下架成功',
  duration: 1500,
  type: 'success'
})

对于Dialog组件，你可以使用@media查询来适配样式，例如：

@media screen and (max-width: 500px) {
  .el-dialog__wrapper .el-dialog {
    width: 300px !important;
  }
  .el-dialog__body {
    padding: 10px 20px!important;
  }
  .el-form-item__label {
    width: 68px!important;
  }
  .el-select, .el-input {
    width: 180px!important;
  }
}

通过以上方法，你可以对Element-UI的部分组件进行移动端适配。