fe / YOHOBUYPC · Commits

Go to a project

Authored by 郝肖肖
Commit b833fd17ccbff1e37e1b9bee86d6c8b9b7c92d8f 1 parent d1c05c0a

有货币使用弹框样式

Inline Side-by-side
Showing 2 changed files with 28 additions and 4 deletions
... ... @@ -373,8 +373,9 @@
<div class="float-left">
有货币满<span class="sign-amount">100</span>个即可使用，每次使用有货币为<span class="sign-amount">10</span>个
</div>
<div class="float-right yoho-coin-help">
?<div class="yoho-coin-help-dialog">
<div class="float-right yoho-coin-help">?
<div class="yoho-coin-help-dialog">
<span class="arrow-up"></span>
<div class="yoho-coin-help-dialog-title">有货币使用条件：</div>
<div class="yoho-coin-help-dialog-content">
<ul>
... ...
... ... @@ -347,6 +347,7 @@
.play-pan {
font-size: 14px;
width: 100%;
height: 166px;
.yoho-coin-help-link {
color: #027cf9;
... ... @@ -366,7 +367,7 @@
line-height: 17px;
text-align: center;
color: #fff;
font-size: 13px;
font-size: 14px;
}
.yoho-coin-help-dialog {
... ... @@ -376,7 +377,7 @@
background-color: #fff;
border: 1px solid #000;
margin-top: 10px;
width: 360px;
width: 340px;
height: 140px;
padding: 15px;
text-align: left;
... ... @@ -421,6 +422,28 @@
}
}
.arrow-up {
position: absolute;
right: 6px;
width: 0;
height: 0;
top: -11px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #000;
&:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid #fff;
right: -7px;
display: inline-block;
top: 1px;
position: absolute;
}
}
}
.to-play, .ticket-play {
... ...