一、弹框组件
1.首先需要写一个弹框组件model.vue,包括遮罩层及弹框本身。
//html部分
<template>
<div class="model">
<div class="mask">123</div>
<div class="model-dialog">
<div class="model-header">
<span>提示</span>
<a href="javascript:;" class="icon-close" ></a>
</div>
<div class="model-body">
<div class="body">这是条消息</div>
</div>
<div class="model-footer">
<button class="btn">确认</button>
</div>
</div>
</div>
</template>
//css部分
.mask {
position: fixed;//这里用固定定位,后面设置动画时才不受影响
top: 0;
height: 100%;
width: 100%;
background-color: rgba(167