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

46
index.html

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

Loading…
Cancel
Save