el-dialog 设置高度

el-dialog是element-ui框架的一个弹窗组件,本文介绍el-dialog 设置高度,合用于所有利用element-ui框架开辟的前端同窗,具体的利用方式如下。

东西/原料

  • element-ui框架

方式/步调

  1. 1

    第一步,为了便利例子申明,我们建立一个利用element-ui为框架的vue项目,不会的请按下面经验操作。具体如下图

    1怎么引入和设置装备摆设利用框架

  2. 2

    第二步,我们前去element-ui官网查看el-dialog 的利用方式。具体如下图

  3. 3

    第三步,复制步调二的的例子代码,放入到我们的项目中,放到src-components-HelloWorld.vue文件中。具体如下图

  4. 4

    第四步,在号令行东西,进入到当前项目,然后运行号令【npm run dev】,然后进入默认的当地地址查看结果。具体如下图

  5. 5

    第五步,为了不影响el-dialog组件的美不雅,我们直接在el-dialog组件内部内容区域怎么增添一个css样式,利用height节制高度。具体如下图

注重事项

  • 若是对你有帮忙,请鄙人面投个票或者点个赞
  • 发表于 2019-04-16 23:25
  • 阅读 ( 5231 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具