elementui dialog 不显示右上角的关闭图标

Element UI 的 Dialog 组件默认会有一个右上角的关闭按钮，如果你发现这个图标不见了，可能是以下几个原因：

1. 配置问题：检查你在组件中是否正确设置了 `close-on-click-modal` 属性，如果设置为 `false`，可能会隐藏关闭按钮。你可以将其改为 `true` 来恢复默认行为。

<el-dialog close-on-click-modal="true">
   <!-- your content here -->
</el-dialog>

2. 样式覆盖：有可能是你无意间修改了 Element UI 的样式，导致关闭图标被隐藏在某个 CSS 规则里。检查一下是否有针对 `.el-dialog__close` 或者 `.el-dialog` 类的样式覆盖。

3. 特殊情况：在某些定制主题或者特殊布局下，Element UI 可能对默认样式进行了调整。确认是否有相关的定制代码影响到了关闭图标。

4. 组件版本问题：如果是使用了较低版本的 Element UI，某些功能可能还未完全实现或存在 bug。更新到最新版可能可以解决问题。

相关问题

elementui中drawer 抽屉

抽屉组件（Drawer）是Element UI中的一个组件，用于解决当弹窗内容过多或需要临时展示一些图标或文档时，Dialog组件无法满足需求的情况。抽屉组件由两部分组成，分别是标题（title）和内容（body）。可以通过设置visible属性来控制抽屉的显示与隐藏。抽屉组件默认从右往左打开，可以通过设置direction属性来改变打开的方向。

以下是一个示例代码，展示了如何使用抽屉组件：

<el-button @click="drawer = true" type="primary" style="margin-left: 16px;"> 点我打开 </el-button>
<el-drawer title="我是标题" :visible.sync="drawer" :direction="direction" :before-close="handleClose">
  <span>我来啦!</span>
</el-drawer>

<script>
export default {
  data() {
    return {
      drawer: false,
      direction: 'rtl',
    };
  },
  methods: {
    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          done();
        })
        .catch(_ => {});
    }
  }
};
</script>

el-dialog title

el-dialog的title是用来设置弹框的标题的。可以使用el-dialog组件的title属性来设置标题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-dialog(对话框)入门学习](https://blog.csdn.net/qq_40765784/article/details/125448401)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [关于element-ui dialog title等样式修改](https://blog.csdn.net/weixin_44390064/article/details/120762642)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [elementui更改el-dialog关闭按钮的图标d的示例代码](https://download.csdn.net/download/weixin_38686399/13964098)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]