Rieko-wang 2 years ago
parent
commit
e6de606ab6
  1. 9
      css/style.css
  2. 46
      index.html

9
css/style.css

@ -137,7 +137,7 @@ img {
position: fixed;
z-index: 99;
background-color: #f7f7f7;
padding-top: 48px;
/* padding-top: 48px; */
overflow-y: scroll;
box-sizing: border-box;
transition: left 0.4s;
@ -155,7 +155,7 @@ img {
overflow-y: scroll;
box-sizing: border-box;
transition: left 0.4s;
border-top: 48px solid #fff;
border-top: 28px solid #fff;
}
.my-account:target {
left: 0;
@ -340,7 +340,8 @@ img {
left: 100%;
z-index: 10;
width: 100%;
border-top: 48px solid #fff;
/* border-top: 48px solid #fff; */
border-top: 28px solid #fff;
}
.home-box {
@ -431,6 +432,6 @@ img {
color: #fff;
}
.container .moveRight {
.moveRight {
left: 0 !important;
}

46
index.html

@ -11,34 +11,34 @@
<body>
<img class="loading" src="./img/loading.png" alt="">
<div id="home" class="container">
<div id="bb" class="my-account">
<div class="account-header">
<a href="#home" class="account-back account-back-bb"></a>
<img class="bg" src="./img/account.jpg" alt="">
</div>
<div class="bb-list">
</div>
<img class="bg" style="margin-top: 10px;" src="./img/IMG_3620.jpg" alt="">
<div id="bb" class="my-account">
<div class="account-header">
<a href="#home" class="account-back account-back-bb"></a>
<img class="bg" src="./img/account.jpg" alt="">
</div>
<div class="bb-list">
</div>
<img class="bg" style="margin-top: 10px;" src="./img/IMG_3620.jpg" alt="">
</div>
<div id="list" class="billing list-class">
<div class="account-header billing-header">
<a href="javascript:history.back(-1)" class="account-back back-btn"></a>
<div class="card-box">
<div class="card-number"></div>
<img class="bg" id="m1" src="./img/m1.png" alt="">
<div class="filter">
<div class="filter-item active" data-query-key="nearlyWeek">近一周</div>
<div class="filter-item" data-query-key="nearlyMonth">近一月</div>
<div class="filter-item" data-query-key="lastThreeMonths">近三月</div>
</div>
<div id="list" class="billing list-class">
<div class="account-header billing-header">
<a href="javascript:history.back(-1)" class="account-back back-btn"></a>
<div class="card-box">
<div class="card-number"></div>
<img class="bg" id="m1" src="./img/m1.png" alt="">
<div class="filter">
<div class="filter-item active" data-query-key="nearlyWeek">近一周</div>
<div class="filter-item" data-query-key="nearlyMonth">近一月</div>
<div class="filter-item" data-query-key="lastThreeMonths">近三月</div>
</div>
</div>
<div class="billing-list">
</div>
</div>
<div class="billing-list">
</div>
</div>
<div id="home" class="container">
<div class="header">
</div>

Loading…
Cancel
Save