关于 element-ul 嵌套弹框解决方案：：：

最新推荐文章于 2024-04-20 14:50:22 发布

大浪淘沙1024

最新推荐文章于 2024-04-20 14:50:22 发布

阅读量378

点赞数

分类专栏：随笔1 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_45379180/article/details/125760304

版权

随笔1 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

在这里插入图片描述
html 页面

<el-container>
      <div class="dialogdefine">
        <el-dialog v-dialogDrag :visible.sync="comdialogSubimit" title="提交">
          <submitDialog @callFather="getsubmitChild"></submitDialog>
        </el-dialog>
      </div>
    </el-container>

css

.dialogdefine {
      ::v-deep .el-dialog {
        width: 400px;
      }
    }

    .dialogdefine {
      ::v-deep .el-dialog__wrapper {
        .el-dialog {
          .el-dialog__header {
            text-align: left;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0px !important;
            background-color: #118a84;
            color: #fff;
            .el-dialog__title {
              font-size: 18px;
              padding-left: 17px;
              font-family: Source Han Sans CN;
              font-weight: 500;
              color: #ffffff;
            }

            .el-dialog__headerbtn {
              top: 17px;
              right: 25px;
              .el-icon-close {
                width: 16px;
                height: 16px;
                color: #ffffff;
              }
            }
          }
          .el-dialog__body {
            margin: 0 auto;
            padding: 0 0;
            .dialogmain {
              padding: 20px;
              text-align: left;
              overflow-y: auto;
              .miantitle {
                font-family: Source Han Sans CN;
                text-align: center;
                font-weight: 500;
                color: #118a84;
                font-size: 18px;
                line-height: 16px;
                margin-bottom: 20px;
              }
              .demo-ruleForm {
                .el-form-item {
                  margin-bottom: 14px;
                }
                .el-form-item__label {
                  padding-right: 10px;
                  font-size: 16px;
                  font-family: Source Han Sans CN;
                  font-weight: 400;
                  color: #333333;
                }
                .el-form-item__content {
                  .el-select {
                    width: 150px;
                    .el-input__inner {
                      background: #ffffff;
                      border: 1px solid #d9d9d9;
                      border-radius: 4px;
                    }
                  }
                  .el-input.is-disabled .el-input__inner {
                    color: #c0c4cc !important;
                  }
                  .el-input__inner {
                    padding-left: 20px;
                    height: 50px;
                    background: #fff;
                    border: 1px solid #d9d9d9;
                    border-radius: 4px;
                    font-size: 16px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    color: #333333;
                  }
                }
              }
            }
          }
        }
      }
    }