自定义警告框
2019-06-25 本文已影响0人
曹锦花
<!-- 确定警告框 -->
<Modal v-model="confirmModal" footer-hide width="416" :mask-closable="false" :closable="false">
<div style="font-size:18px; font-weight:600;" class="flex-vc">
<div style="font-size:30px; color:orange; margin:0 10px;">
<Icon type="android-alert"></Icon>
</div>
<div style="line-height: 36px;height: 36px;">
{{$t('changesWillAffectTheOnlineAristocracy')}}
</div>
</div>
<p style="font-size:14px; margin-left:50px; margin-top:20px; margin-bottom:20px">{{this.$t('whetherOrNotToContinue')}}</p>
<div class="flex-r">
<!-- 取消 -->
<Button style="display:inline-block; margin: 5px;">{{$t('cancel')}}</Button>
<!-- 继续 -->
<Button type="primary" style="display:inline-block; margin: 5px;">{{$t('continue')}}</Button>
</div>
</Modal>