UNPKG

atui

Version:

components built with Vue.js

45 lines (37 loc) 1.23 kB
--- order: 1 title: zh-CN: 自定义尺寸 en-US: Type --- ## zh-CN ## en-US ````jsx <v-button @click.native="show = true">显示弹窗</v-button> <modal :show="show" width="90%" height="90%" @close="show = false"> <div slot="modal-header" class="atui-modal-header"> <h4 class="modal-title"><i>Custom</i> <code>Modal</code> <b>Title</b></h4> </div> <div slot="modal-body" class="atui-modal-body"> 高圆圆,中国女演员,1979年10月5日出生于北京市丰台区云岗一个普通的知识分子家庭。1996年高圆圆被广告公司发掘,随后拍摄了大量广告,成为了广告圈中的模特。1997年高圆圆出演了她的第一部电影《爱情麻辣烫》,从此开始了她的演员生涯。2001年高圆圆参演的电影《十七岁的单车》获得柏林国际电影节最佳影片银熊奖。 </div> <div slot="modal-footer" class="atui-modal-footer"> <v-button @click.native='show = false'>Exit</v-button> <v-button @click.native='show = false'>Custom Save</v-button> </div> </modal> ```` ````vue-script new Vue({ el: 'body', components: { modal: atui.Modal, vButton: atui.Button }, data () { return { show: false } } }) ````