mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-19 12:04:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: popup close button accessible with tab key

Browse Source
This commit is contained in:
chikara-chan
2017-05-10 17:02:59 +08:00
committed by 杨奕
parent 6563a3a804
commit d41c0c4ba9
4 changed files with 46 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/dialog/src/component.vue
View File

@@ -1,6 +1,6 @@
<template>
<transition name="dialog-fade">
<div class="el-dialog__wrapper" v-show="visible" @click.self="handleWrapperClick">
<div class="el-dialog__wrapper" tabindex="-1" v-show="visible" @click.self="handleWrapperClick">
<div
class="el-dialog"
:class="[sizeClass, customClass]"
@@ -10,9 +10,10 @@
<slot name="title">
<span class="el-dialog__title">{{title}}</span>
</slot>
<div class="el-dialog__headerbtn">
<i v-if="showClose" class="el-dialog__close el-icon el-icon-close" @click='handleClose'></i>
</div>
<button type="button" class="el-dialog__headerbtn" aria-label="Close"
v-if="showClose" @click="handleClose">
<i class="el-dialog__close el-icon el-icon-close"></i>
</button>
</div>
<div class="el-dialog__body" v-if="rendered"><slot></slot></div>
<div class="el-dialog__footer" v-if="$slots.footer">