【css】el-dialog弹框样式

最新推荐文章于 2024-06-27 17:27:55 发布

前端小云儿

最新推荐文章于 2024-06-27 17:27:55 发布

阅读量1.7k

点赞数

分类专栏：前端静态页面以及逻辑 css 文章标签： elementui

本文链接：https://blog.csdn.net/jieweiwujie/article/details/122308854

版权

前端静态页面以及逻辑同时被 2 个专栏收录

117 篇文章 17 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

css

75 篇文章 1 订阅

订阅专栏

本文详细介绍了如何使用 Element UI 的 el-dialog 组件创建弹框，并提供了对应的 JavaScript 和 CSS 示例代码，展示了具体的弹框效果样式。

摘要由CSDN通过智能技术生成

element的demo弹框

<template>
  <div class="hello">
    <el-button @click="clickDialog">tankuang</el-button>
    <div>
      <el-dialog title="提示" :visible.sync="dialogVisible" width="839px">
        <div class="line"></div>
        <div class="title">话事人信息</div>
        <div>
          <div class="flex2">
            <div class="flex1">
              <div class="l-width">
                姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：
              </div>
              <div class="name-style">花花哈哈花花哈哈花花哈哈花花哈哈</div>
            </div>
            <div class="flex1">
              <div class="l-width">
                账&nbsp;&nbsp;&nbsp;&nbsp;&n