first commit

历届学生/front-end-team/项目练习/学生项目/陆旗/我的店铺首页-资金管理/index.html

@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./clear.css">
+    <script src="./rem.js"></script>
+</head>
+<style>
+    .header {
+        height: 2.72rem;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        box-sizing: border-box;
+        z-index: 9999;
+        background-color: #e4e4ed;
+
+
+    }
+
+    .header .title {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding-top: 0.42rem;
+    }
+
+
+    .header .title img {
+        width: 0.26rem;
+        height: 0.27rem;
+        border: solid 0.03rem #ffffff;
+        padding-left: 0.26rem;
+    }
+
+    .header .title span {
+        font-size: 0.34rem;
+        color: #333333;
+        padding-right: 0.36rem;
+    }
+
+    .header .title_t {
+        font-size: 0.34rem;
+        color: #333333;
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        padding-top: 0.77rem;
+    }
+
+    .header.title_t li {
+        border-bottom: 0.01rem solid #e5e5e5;
+    }
+
+    .active {
+        border-bottom: 0.01rem solid #a11f1f;
+    }
+
+    .content {
+        margin-top: 2.4rem;
+        background-color: #eff5f5;
+    }
+
+    .content .date {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0.4rem 0.3rem 0.38rem 0.33rem;
+        border-bottom: 0.01rem solid #e5e5e5;
+    }
+
+    .content .date span {
+        font-size: 0.26rem;
+        color: #989898;
+    }
+
+    .content ul {}
+
+    .content ul li {}
+
+    .content ul li .Recharge {
+        font-size: 0.3rem;
+        color: #333333;
+
+
+    }
+
+    .content ul li .time {
+        font-size: 0.24rem;
+        color: #989898;
+
+
+    }
+
+
+
+    .content ul li .money {
+        font-size: 0.38rem;
+        color: #333333;
+        position: absolute;
+
+    }
+
+    .content .project {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: 0.01rem solid #a11f1f;
+    }
+
+    .content .project .left {
+        display: flex;
+        flex-direction: column;
+        padding-left: 0.33rem;
+        padding-top: 0.32rem;
+
+    }
+
+    .content .project .left span {
+        font-size: 0.3rem;
+        color: #333333;
+        padding-top: 0.26rem;
+    }
+
+    .content .project .left time {
+        font-size: 0.24rem;
+        color: #989898;
+    }
+
+    .content .project .right {}
+
+    .content .project .right p {
+        font-size: 0.38rem;
+        color: #333333;
+        padding-right: 0.26rem;
+        padding-top: 0.54rem;
+    }
+</style>
+
+<body>
+    <div class="header">
+        <div class="title">
+            <img src="../我的店铺首页-资金管理/img/png.png" alt="">
+            <span>收支明细</span>
+            <span>提现记录</span>
+        </div>
+        <ul class="title_t">
+            <li class="active">全部</li>
+            <li>收入</li>
+            <li>支出</li>
+        </ul>
+    </div>
+
+
+
+    <div class="content">
+        <div class="date">
+            <span>2018-11</span>
+            <span>￥0.00</span>
+        </div>
+        <ul class="project">
+            <div class="left">
+                <span>充值</span>
+                <span class="time">2018-11-25</span>
+            </div>
+            <div class="right">
+                <p>+399.00</p>
+            </div>
+        </ul>
+        <ul class="project">
+            <div class="left">
+                <span>充值</span>
+                <span class="time">2018-11-25</span>
+            </div>
+            <div class="right">
+                <p>+399.00</p>
+            </div>
+        </ul>
+    </div>
+
+
+
+
+</body>
+
+</html>