el-dialog的title下面的横线自定义长度，利用：：after

<template>
  <div>
    <el-button>弹出框</el-button>
    <el-dialog
      :title="dialogObj.title"
      :visible.sync="dialogVisible"
      width="30%"
      :before-close="handleClose"
    >
      <div class="order-style-content">
       
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "un-confirm",
  //props: ["formValidate", "type"],
  data() {
     
    };
  },
  mounted() {},
  methods: {
     
  },
};
</script>
<style lang="scss" scoped>
.order-style-content {
  border: 1px solid red;

  .order-radio {
    .radio-flex {
      display: flex;
      flex-direction: column;
    }
  }
  .button {
    text-align: end;
    margin-right: 30px;
    button {
      height: 40px;
      width: 100px;
      padding: 10px 17px;
      border-radius: 20px;