vue发送邮件页面 vue发送邮件页面

@import '../../styles/helper';
.modal-email {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
display: table;
transition: opacity .3s ease;
}

.modal-email-wrapper {
display: table-cell;
vertical-align: middle;
}
.modal-email-container{
width: 90%;
margin: 0px 5%;
background-color: #ffffff;
box-shadow: 0 px2rem(2px) px2rem(10px) 0 #787983;
overflow: hidden;
}
.modal-email-title{
height: px2rem(56px);
line-height: px2rem(56px);
border-bottom: solid 0.5px #e5e5e5;
}
.modal-email-title:first-child {
font-size: 16px;
color: #262833;
padding: 0 0 0 35%; }
.modal-email-close{
padding: 0 0 0 43%;
color: #262833;
}
.modal-email-content{
margin: px2rem(35px) px2rem(30px) px2rem(0px) px2rem(30px);
display: inline-block;
overflow: hidden;
border-bottom: solid 0.5px #787983;
width: 84%;
}
.modal-email-label{
font-size: px2rem(14px);
color: #bbbdbf;
float: left;
line-height: px2rem(30px);
}
.modal-email-span{
float: left;
width: 90%;
margin-left: px2rem(5px);
overflow: hidden;
i{
display: block;
float: left;
overflow: hidden;
}
span{padding: px2rem(3px) px2rem(6px);
border-radius: px2rem(2px) 0 0 px2rem(2px);
display: block;
float: left;
margin-left: px2rem(4px);
margin-bottom: px2rem(3px);
}
div{
padding: px2rem(2px);
display: none;
margin-right: px2rem(2px);
width: 20px;
float: left;
text-align: center;
background:#fff;
border-radius:0 px2rem(2px)px2rem(2px)0;
border: px2rem(.5px) solid;
margin-bottom: px2rem(3px);
}
}
.modal-email-input {
float: left;
margin-left: px2rem(5px);
input {
height: px2rem(25px);
width: px2rem(265px);
border: 0px;
outline: none;
font-size: px2rem(14px);
}
}
.modal-email-btn {
width: 100%;
text-align: center;
margin: px2rem(32px) 0px px2rem(20px) 0px;
button {
margin: 0 auto;
width: 85%;
height: px2rem(40px);
border-radius: px2rem(4px);
color: #ffffff;
border: 0;
outline: none;
}
}
.email-content-btn{
background-color: #3990d8;
}
.email-none-btn{
background-color: #bbbdbf;
}
.success-span{
color:#3990d8;
background-color: rgba(57, 143, 215, 0.2);
}
.defeat-span{
color: #f46c6a;
background-color: rgba(245,100,98,.2);
}

【vue发送邮件页面】转载于:https://www.cnblogs.com/cxdxm/p/6800086.html

vue发送邮件页面

推荐阅读

色母片是什么

mysql怎么查找递归 sql实现mysql递归查询

java数组基础详解

宝宝|婴幼儿意外伤害第一时间如何正确处置？

mysql服务层中解析器包含哪些功能 mysql解析器是什么

别出心裁的“烧南北”

真机|小米又站起来了！MIX 4真机屏幕曝光：这效果太好

水果拼盘常用水果三种水果拼盘图片

品质分析方法,统计学分析方法有哪些

2023年北京郁金香文化节有几个展区参加 2023年北京郁金香文化节有几个展区

拍摄延时摄影用什么格式，延时摄影的图片格式

htcG13手机应该下个什么文件阅读器或者浏览器？一打开爱奇艺就自动把视频图片查看器音乐播放器全改成了爱奇艺万能播放器，

轻轨是地铁吗

mysql解压tar

百度导航下载导航，百度地图导航下载

go语言控制台输出 go语言控制台输入

预算在1500,如何配置一台玩DNF的电脑？

破晓色是什么颜色？

工程竣工验收需要哪些资料？工程竣工验收需要哪些资料

比亚迪s7报价多少比亚迪s7报价多少?