This commit is contained in:
syuilo 2018-11-14 20:17:12 +09:00
parent 552df8737d
commit 20a943b193
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
2 changed files with 20 additions and 4 deletions

View file

@ -6,7 +6,7 @@
<header v-if="title" v-html="title"></header>
<div class="body" v-if="text" v-html="text"></div>
<ui-horizon-group no-grow class="buttons">
<ui-button @click="ok" primary>OK</ui-button>
<ui-button @click="ok" primary autofocus>OK</ui-button>
<ui-button @click="cancel" v-if="showCancelButton">Cancel</ui-button>
</ui-horizon-group>
</div>
@ -169,9 +169,10 @@ export default Vue.extend({
display block
margin 0 auto
> .header
margin 16px 0
> header
margin 16px 0 8px 0
font-weight bold
font-size 20px
& + .body
margin-top 8px
@ -179,4 +180,7 @@ export default Vue.extend({
> .body
margin 16px 0
> .buttons
margin-top 16px
</style>

View file

@ -38,12 +38,24 @@ export default Vue.extend({
type: Boolean,
required: false,
default: false
}
},
autofocus: {
type: Boolean,
required: false,
default: false
},
},
data() {
return {
styl: 'fill'
};
},
mounted() {
if (this.autofocus) {
this.$nextTick(() => {
this.$el.focus();
});
}
}
});
</script>