潘浩文 / scoreshop · 提交

转到一个项目

作者 潘浩文
提交 c96482f0dc9b257328c1dd6733b0a9ea09e2a8f2 1 个父辈 9960f4bb
1 个管道 的构建 通过 耗费 1 秒

1

内嵌 并排对比
正在显示 1 个修改的文件 包含 88 行增加 和 0 行删除
... ... @@ -272,6 +272,78 @@
.goodtail p{
font-size: 0.26rem;
}
.wrapper{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
left:0;
right:0;
z-index: 5;
}
.pop{
width:5.86rem;
height:3.2rem;
background: #ffffff;
border-radius: 10px;
position: absolute;
z-index: 6;
/*left:0.4rem;*/
/*top: 3rem;*/
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
padding-top: 0.36rem;
}
.name1{
color:#666666;
width:5rem;
text-align: center;
font-size: 0.3rem;
}
.name2{
color:#666666;
font-size: 0.3rem;
width:5rem;
text-align: center;
}
.btn{
width:5rem;
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.5rem;
}
.after{
width:2.2rem;
height:0.8rem;
font-size: 0.32rem;
color:#333333;
border-radius: 0.1rem;
text-align: center;
line-height: 0.8rem;
background: #cccccc;
}
.gain{
width:2.2rem;
height:0.8rem;
font-size: 0.32rem;
border-radius: 0.05rem;
text-align: center;
line-height: 0.8rem;
background: #3991F5;
color:#fff;
}
.noenough{
margin-top: 0.2rem;
}
</style>
</head>
<body>
... ... @@ -378,6 +450,22 @@
</div>
</eq>
</div>
<div class="wrapper">
<div class="pop">
<div class="noenough">
<p class="name1">您的积分余额不足</p >
<p class="name2">可以上传小票赚取积分</p >
</div>
<div class="btn">
<p class="after">以后再说</p >
<p class="gain">赚取积分</p >
</div>
</div>
</div>
<script type="text/javascript" src="__TMPL__/public/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script>
... ...