自定义警告框

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>
上一篇下一篇

猜你喜欢

热点阅读