123

css/style.css

@@ -428,12 +428,15 @@ img {
   padding: 1.5rem;
   font-size: 1.3rem;
 }
-.filter-item {
+.filter-item,
-  padding: 1.6vw 4.4vw;
+.filter-item-last {
+  padding: 1.3vw 4.3vw;
   background-color: #fff;
   margin-left: 1.5rem;
   border-radius: 3rem;
   color: rgba(0, 0, 0, 0.7);
+  display: flex;
+  align-items: center;
 }
 .filter-item:first-child {
   margin-left: 0;
@@ -447,3 +450,7 @@ img {
 .moveRight {
   left: 0 !important;
 }
+
+.filter-item-last {
+  overflow: hidden;
+}

index.html

@@ -29,11 +29,15 @@
       <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="">
+        <img class="bg" id="m1" src="./img/m1.jpg" 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 class="filter-item-last">
+            筛选
+            <img style="margin-left: 4px;" width="9" src="./img/sanjiao.jpg" alt="">
+          </div>
         </div>
       </div>
     </div>