Authored by rqq

本来生活设计更改

81.5 KB | W: | H:

108 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -19,7 +19,9 @@ function get() {
if (data.code === 200) {
location.href = '/life/coupon' + '?' + 'code' + '=' + data.data;
} else {
alert(data.message);
$('.statu').html(data.message);
$('.statu-mark').show();
$('.statu-box').show();
}
}
});
... ... @@ -28,4 +30,7 @@ function get() {
$('.coupon-btn').click(function() {
get();
});
$('.sure').click(function() {
$('.statu-mark').hide();
$('.statu-box').hide();
});
... ...
... ... @@ -66,11 +66,11 @@ html,body {
background-image:resolve('life/login/code.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100%;
position: fixed;
height:100%;
left:0;
top:15%;
width: 80%;
position:absolute;
height:60%;
left:10%;
top:10%;
display: none;
z-index: 2;
.close{
... ... @@ -80,9 +80,44 @@ html,body {
position:absolute;
width:40px;
height:40px;
left:1.4rem;
top:4rem;
left:10px;
top:10px;
}
}
.statu-mark{
position: fixed;
z-index: 1;
background-color: #505050;
opacity: 0.5;
width: 100%;
height:38.125rem;
display: none;
}
.statu-box{
background-color: #000000;
padding:5%;
color: #FFFFFF;
line-height: 1rem;
position: absolute;
width: 70%;
height:18%;
z-index: 2;
display: none;
left:10%;
top:30%;
font-size: 0.8rem;
opacity: 0.9;
.statu{
margin-top: 1rem;
}
.sure{
position: absolute;
color:#58C4F5;
bottom: 0;
right: 0;
background: #000000;
border: none;
}
}
}
@import "coupon";
\ No newline at end of file
... ...
... ... @@ -7,5 +7,11 @@
<div class="code">
<div class="close"></div>
</div>
<div class="statu-mark"></div>
<div class="statu-box">
<p>'http://m.yohobuy.com/'的页面显示:</p>
<p class="statu"></p>
<button class="sure">确定</button>
</div>
</div>
{{> layout/footer}}
\ No newline at end of file
... ...