7、vue2.0用Vue.extend构建消息提示组件的方法实例实现alert模态框组件（2）

话不多说直接上源码 喜欢的点赞哦

alert.vue组件

<style>
    .header{
        font-size:0.85rem;margin:0 0 0 0;margin-top:1.3rem;
    }
    .message{
        font-size:0.8rem;color: #333;margin:0; padding:0.45rem 0.75rem 1.3rem 0.75rem; line-height:1.2rem
    }
</style>
<template>
    <div class="fd_alert">
        <div class="mask" style="opacity:0.2;" v-if="visible">
        </div>
        <div class="alert" v-if="visible">
            <p class="message">{
  {
  message}}</p>
            <div class="btn-group ">
                <button class="btn secondary" @click="handleActions('cancel')">{
  {cancelButtonText}}</button><button class="btn secondary" @click="handleActions('confirm')