first commit

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/.http

@@ -0,0 +1 @@
+GET http://127.0.0.1:3000/api/json/class HTTP/1.1

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/douying.css

@@ -0,0 +1,300 @@
+body {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+.header {
+    flex: 1;
+    background: url("../img/back.png");
+    background-size: cover;
+    position: relative;
+}
+
+.header .zz {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: #00000069;
+}
+
+.follow {
+    position: absolute;
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0 0.36rem;
+    box-sizing: border-box;
+    top: 0.3rem;
+    align-items: center;
+}
+
+.follow img {
+    width: 0.42rem;
+    height: 0.42rem;
+}
+
+.follow ul {
+    display: flex;
+    justify-content: space-between;
+
+}
+
+.follow ul li {
+    font-family: AdobeHeitiStd-Regular;
+    font-size: 0.3rem;
+    color: #fefefe;
+    margin-right: 0.25rem;
+}
+
+.follow ul li:last-child {
+    margin-right: 0;
+}
+
+.follow .active {
+    position: relative;
+}
+
+.follow .active::after {
+    content: "";
+    position: absolute;
+    width: 0.35rem;
+    height: 0.02rem;
+    background-color: #ffffff;
+    box-shadow: 0rem 0.02rem 0.02rem 0rem rgba(12, 0, 255, 0.35);
+    border-radius: 0.01rem;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: -0.04rem;
+}
+
+.user {
+    position: absolute;
+    right: 0.2rem;
+    bottom: 0.15rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.user .head {
+    width: 0.96rem;
+    height: 0.97rem;
+    position: relative;
+
+}
+
+.user .head img:first-child {
+    border: solid 0.03rem #ffffff;
+    width: 100%;
+    height: 100%;
+    border-radius: 100%;
+    box-sizing: border-box;
+}
+
+.user .head img:last-child {
+    width: 0.34rem;
+    height: 0.33rem;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: -0.22rem;
+}
+
+.user ul {
+    margin-top: 0.33rem;
+}
+
+.user ul li {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 0.33rem;
+    box-sizing: border-box;
+}
+
+.user_info ul li:nth-child(1) img,
+.user_info ul li:nth-child(2) img {
+    margin-bottom: 0.09rem;
+}
+
+.user ul li:nth-child(3) img {
+    margin-bottom: 0.17rem;
+}
+
+.user ul li:nth-child(4) img {
+    margin-bottom: 0.15rem;
+}
+
+.user ul li img {
+    width: 0.68rem;
+    height: 0.63rem;
+}
+
+.user ul li .text {
+    font-family: SourceHanSansCN-Regular;
+    font-size: 0.2rem;
+    color: #ffffff;
+}
+
+
+.shop {
+    position: absolute;
+    bottom: 0.13rem;
+    left: 0.37rem;
+}
+
+.shop .facadee {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.27rem;
+}
+
+.shop .facadee img {
+    width: 0.28rem;
+    height: 0.26rem;
+    background-color: #ffc600;
+    margin-right: 0.1rem;
+
+}
+
+.shop .facadee p {
+    font-family: PingFangSC-Regular;
+    font-size: 0.26rem;
+    color: #ffc600;
+}
+
+.shop .commodity {
+    width: 5.85rem;
+	height: 1.68rem;
+	background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+    padding: 0.09rem;
+    box-sizing: border-box;
+    
+}
+
+.shop .commodity img {
+    width: 1.48rem;
+    height: 1.48rem;
+    margin-right: 0.14rem;
+}
+
+.shop .commodity .introduce {
+    margin-top: 0.28rem;
+    
+}
+
+
+.shop .commodity .introduce .brand {
+    font-family: PingFang-SC-Bold;
+    font-size: 0.28rem;
+    color: #333333;
+    margin-top: 0.28rem;
+}
+
+.shop .commodity .introduce .price {
+   display: flex;
+   align-items: center;
+   margin-top: 0.32rem;
+}
+
+.shop .commodity .introduce .price .money {
+    font-family: PingFang-SC-Medium;
+    color: #333333;
+    font-size: 0.28rem;
+    margin-right: 0.03rem;
+}
+
+.shop .commodity .introduce .price .jx {
+    font-family: PingFang-SC-Regular;
+    font-size: 0.2rem;
+    color: #fffefe;
+    width: 0.6rem;
+	height: 0.24rem;
+	background-color: #ea4e3d;
+	border-radius: 0.12rem;
+    
+}
+
+.shop .quantity {
+    font-family: PingFang-SC-Medium;
+    font-size: 0.2rem;
+    color: #626262;
+    margin-bottom: 0.5rem;
+
+}
+
+.shop .commodity .car {
+    width: 0.46rem;
+	height: 0.46rem;
+    position: absolute;
+    right: 0.34rem;
+    bottom: 0.17rem;
+}
+
+.shop .music {
+    display: flex;
+    align-items: center;
+    margin-top: 0.27rem;
+}
+
+.shop .music img {
+    width: 0.27rem;
+    height: 0.28rem;
+    margin-right: 0.13rem;
+}
+
+.shop .music .song {
+    font-family: PingFangSC-Regular;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+
+
+.footer {
+    height: 1rem;
+    background-color: #000000;
+    display: flex;
+    justify-content: space-between;
+    padding-left: 0.39rem;
+    padding-right: 0.54rem;
+    box-sizing: border-box;
+}
+
+li {
+    display: flex;
+    align-items: center;
+
+}
+
+.footer li a {
+    font-family: AdobeHeitiStd-Regular;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+
+.footer .active {
+    position: relative;
+}
+
+.footer .active {
+    font-family: AdobeHeitiStd-Regular;
+    font-size: 0.3rem;
+    color: #ffffff;
+}
+
+.footer .active::after {
+    content: "";
+    position: absolute;
+    width: 0.51rem;
+    height: 0.03rem;
+    background-color: #ffffff;
+    border-radius: 0.015rem;
+    left: 50%;
+    transform: translateX(-50%);
+    box-sizing: border-box;
+    bottom: -0.24rem;
+}

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/dynamic.css

@@ -0,0 +1,242 @@
+body {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+.header {
+    height: .9rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 0.4rem;
+    top: 0;
+    box-sizing: border-box;
+    position: fixed;
+    width: 100%;
+    z-index: 1;
+}
+
+.header ul {
+    font-family: AdobeHeitiStd-Regular;
+    font-size: 0.36rem;
+    color: #ffffff;
+    display: flex;
+}
+
+.header ul li {
+    margin-left: 0.36rem;
+}
+
+.header ul li:first-child {
+    margin-left: 0;
+}
+
+.header .activation {
+    position: relative;
+}
+
+.header .activation::after {
+    position: absolute;
+    content: "";
+    width: 0.4rem;
+    height: 0.04rem;
+    background-color: #ffffff;
+    border-radius: 0.02rem;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: -0.1rem;
+    box-sizing: border-box;
+}
+
+.header img {
+    width: 0.56rem;
+    height: 0.43rem;
+
+}
+
+
+.content {
+    flex: 1;
+    background: url("../img/timg.png") no-repeat;
+    background-size: contain;
+    display: flex;
+    position: relative;
+    width: 100%;
+}
+
+.content .zz {
+    width: 7.5rem;
+    height: 5.65rem;
+    background-color: #00000052;
+}
+
+.content .portrait {
+    width: 0.86rem;
+    height: 0.86rem;
+    border: solid 0.01rem #efeded;
+    border-radius: 100%;
+    box-sizing: border-box;
+    position: absolute;
+    top: 5.93rem;
+    left: 0.24rem;
+}
+
+.content .product {
+    /* margin-top: 6.03rem; */
+    padding: 0;
+}
+
+.content .product .exclusivee {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.content .product .exclusivee .big {
+    font-family: PingFang-SC-Bold;
+    font-size: 0.3rem;
+    color: #5a6f92;
+}
+
+.content .product .exclusivee .distance {
+    font-family: PingFangSC-Regular;
+    font-size: 0.24rem;
+    color: #999999;
+}
+
+.content .evaluate {}
+
+.content .evaluate p {
+    width: 5.74rem;
+    /* height: 0.95rem; */
+    font-family: PingFangSC-Regular;
+    font-size: 0.24rem;
+    color: #686868;
+}
+
+.content .evaluate ul {
+    display: flex;
+}
+
+.content .evaluate ul li {
+
+}
+
+.content .evaluate ul li img {
+    width: 1.85rem;
+    height: 1.85rem;
+}
+
+.content .evaluate ul li span {
+    font-family: PingFang-SC-Medium;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+
+.content .time {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.content .time span {
+    font-family: PingFangSC-Regular;
+    font-size: 0.2rem;
+    color: #989898;
+}
+
+.content .time img {
+    width: 0.34rem;
+    height: 0.26rem;
+}
+
+
+.content .good {
+    width: 5.7rem;
+    height: 1.97rem;
+    background-color: #f7f7f7;
+    border-radius: 0.1rem;
+    margin-left: 0.28rem;
+}
+
+.content .good .name {
+    display: flex;
+    align-items: center;
+    margin-top : 0.24rem;
+}
+
+.content .good .name img {
+    width: 0.29rem;
+    height: 0.26rem;
+  
+}
+
+.content .good .name span {
+    font-family: PingFang-SC-Bold;
+    font-size: 0.3rem;
+    color: #5a6f92;
+    
+}
+
+.content .good ul {
+    display: flex;
+    align-items: center;
+}
+
+.content .good ul li {
+    font-family: PingFang-SC-Bold;
+    font-size: 0.3rem;
+    color: #5a6f92;
+}
+
+
+
+
+
+.footer {
+    height: 1rem;
+    background-color: #000000;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: .1rem;
+}
+
+.footer li {
+    display: flex;
+    align-items: center;
+    padding-left: 0.39rem;
+    padding-right: 0.54rem;
+    box-sizing: border-box;
+}
+
+.footer li a {
+    font-family: AdobeHeitiStd-Regular;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+
+.footer .activation {
+    position: relative;
+}
+
+.footer .activation a {
+    font-family: AdobeHeitiStd-Regular;
+    font-size: 0.3rem;
+    color: #ffffff;
+
+}
+
+.footer .activation::after {
+    position: absolute;
+    content: "";
+    width: 0.51rem;
+    height: 0.03rem;
+    background-color: #ffffff;
+    border-radius: 0.015rem;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 0.01rem;
+    box-sizing: border-box;
+    position: fixed;
+}

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/entry.css

@@ -0,0 +1,99 @@
+.header {
+    position: fixed;
+    height: .9rem;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    padding: 0 0.21rem;
+    box-sizing: border-box;
+    top: 0;
+    background: #fff;
+}
+
+.header img {
+    width: 0.2rem;
+    height: 0.35rem;
+    
+}
+
+.content{
+    margin-top: .9rem;
+    position: relative;
+    /* left: 0.6rem; */
+    top: 1.33rem;
+
+}
+.content .list{
+      position: absolute;
+      width: 100%;
+      padding: 0 0.6rem;
+      box-sizing: border-box;
+}
+.content .list .entry{
+   	font-family: PingFang-SC-Medium;
+	font-size: 0.54rem;
+	font-weight: bold;
+	color: #000000;
+    margin-bottom: 1.23rem;
+}
+
+.content .please .input{
+
+}
+.content  .list  .please .input li{
+	font-family: PingFang-SC-Regular;
+	font-size: 0.36rem;
+	color: #c7c7cc;
+    margin-bottom: 0.7rem;
+    border-bottom: solid 0.01rem #e8e8e8;
+}
+/* .content  .list  .please .input li:last-child{
+    margin-top: 0.17rem;
+} */
+.content  .list  .please .button{
+    width: 6.3rem;
+	height: 0.98rem;
+	background-color: #5697f4;
+	border-radius: 0.49rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 0.6rem;
+}
+
+.content .please .button span{
+    font-family: PingFang-SC-Medium;
+	font-size: 0.34rem;
+	color: #ffffff;
+}
+
+
+.content  .list  .doubt{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 0.55rem;
+}
+.content .doubt .forget{
+    font-family: PingFang-SC-Regular;
+	font-size: 0.28rem;
+	color: #666666;
+}
+.content  .list  .doubt .no{
+    display: flex;
+
+}
+.content .doubt .no .number{
+ 	font-family: PingFang-SC-Regular;
+	font-size: 0.28rem;
+	color: #666666;
+}
+.content  .list  .doubt .no .register{
+    font-family: PingFang-SC-Regular;
+	font-size: 0.28rem;
+	color: #5697f4;
+}
+
+
+
+

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/css/refund.css

@@ -0,0 +1,89 @@
+.header {
+    display: flex;
+    height: .9rem;
+    position: fixed;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    padding: 0 0.35rem;
+    box-sizing: border-box;
+    top: 0;
+    background: #fff;
+}
+
+.header img {
+    width: 0.15rem;
+    height: 0.29rem;
+}
+
+.header .speed {
+    font-family: PingFang-SC-Bold;
+    font-size: 0.34rem;
+    color: #1b1b1b;
+    font-weight: 900;
+}
+
+
+.content {
+      margin-top: .9rem;
+     
+}
+
+.process {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.content .process {
+    box-sizing: border-box;
+}
+.content .process img {
+    width: 1.6rem;
+    height: 2.04rem;
+    margin-bottom: 0.61rem;
+    margin-top: 1.45rem;
+}
+
+.content .process .apply .in {
+    font-family: PingFang-SC-Bold;
+    font-size: 0.34rem;
+    color: #2b2b2b;
+    margin-bottom: 0.53rem;
+    padding: 0 2.34rem;
+   
+}
+
+.content .process .apply .please {
+    font-family: PingFang-SC-Medium;
+    font-size: 0.28rem;
+    color: #aaaaaa;
+    margin-bottom: 0.72rem;
+    padding: 0 1.9rem;
+    
+}
+
+
+.revoke{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  
+}
+.content .process .revoke {
+    width: 5.8rem;
+    height: 0.66rem;
+    background-color: #5697f4;
+    border-radius: 0.33rem;
+    font-family: PingFang-SC-Medium;
+    font-size: 0.28rem;
+    color: #ffffff;
+    
+}
+
+.content .process .revoke span {
+    font-family: PingFang-SC-Medium;
+    font-size: 0.28rem;
+    color: #ffffff;
+}

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/douying.html

@@ -0,0 +1,116 @@
+<!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>
+    <script type="text/javascript">
+        (function (w, d) {
+            function setSize() {
+                // 获取屏幕的宽度 375px
+                var screenWidth = d.documentElement.clientWidth;
+
+                // 根据规则计算  html 的font-size数值
+                var currentFontSize = screenWidth * 100 / 750;
+
+                // 修改html上的font-size
+                d.documentElement.style.fontSize = currentFontSize + 'px';
+            }
+            w.addEventListener('resize', setSize);
+            w.addEventListener('pageShow', setSize)
+            w.addEventListener('DOMContentLoaded', setSize)
+        })(window, document)
+    </script>
+    <link rel="stylesheet" href="../2.16/clear.css">
+    <link rel="stylesheet" href="./css/douying.css">
+</head>
+
+<body>
+    <div class="header">
+        <div class="zz"></div>
+        <div class="follow">
+            <img src="./img/sao.png" alt="">
+            <ul>
+                <li class="active">推荐</li>
+                <li>关注</li>
+                <li>直播</li>
+            </ul>
+            <img src="./img/sou.png" alt="">
+        </div>
+        <div class="user">
+            <div class="head">
+                <img src="./img/photo.png" alt="">
+                <img src="./img/jia.png" alt="">
+            </div>
+            <ul>
+                <li>
+                    <img src="./img/xin.png" alt="">
+                    <div class="text">71.1W</div>
+                </li>
+                <li>
+                    <img src="./img/fenxiang.png" alt="">
+                    <div class="text">分享</div>
+                </li>
+                <li>
+                    <img src="./img/pinglun.png" alt="">
+                    <div class="text">评论</div>
+                </li>
+                <li>
+                    <img src="./img/bao.png" alt="">
+                    <div class="text">购物袋</div>
+                </li>
+            </ul>
+        </div>
+        <div class="shop">
+            <div class="facadee">
+                <img src="./img/dianpu.png" alt="">
+                <p>美林美妆合肥店 >7KM</p>
+            </div>
+            <div class="commodity">
+                <img src="./img/photo.png" alt="">
+                <div class="introduce">
+                    <div class="brand">夏季网纱半身裙中长款纱</div>
+                    <div class="price">
+                        <div class="money">¥68.00</div>
+                        <div class="jx">
+                            精选
+                            
+                        </div>
+                    </div>
+                    <div class="quantity">
+                        已卖1020
+                    </div>
+                </div>
+                <img class="car" src="./img/car.png" alt="">
+            </div>
+            <div class="music">
+                <img src="./img/music.png" alt="">
+                <div class="song">你像花儿一样美DJ版</div>
+            </div>
+
+        </div>
+    </div>
+
+    <ul class="footer">
+        <li>
+            <a class="active" href="">首页</a>
+        </li>
+        <li>
+            <a href="">好友</a>
+        </li>
+        <li>
+            <a href="">圈子</a>
+        </li>
+        <li>
+            <a href="">购物车</a>
+        </li>
+        <li>
+            <a href="">我的</a>
+        </li>
+    </ul>
+
+</body>
+
+</html>

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/dynamic.html

@@ -0,0 +1,108 @@
+<!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>
+    <script type="text/javascript">
+        (function (w, d) {
+            function setSize() {
+                // 获取屏幕的宽度 375px
+                var screenWidth = d.documentElement.clientWidth;
+
+                // 根据规则计算  html 的font-size数值
+                var currentFontSize = screenWidth * 100 / 750;
+
+                // 修改html上的font-size
+                d.documentElement.style.fontSize = currentFontSize + 'px';
+            }
+            w.addEventListener('resize', setSize);
+            w.addEventListener('pageShow', setSize)
+            w.addEventListener('DOMContentLoaded', setSize)
+        })(window, document)
+    </script>
+    <link rel="stylesheet" href="../2.16/clear.css">
+    <link rel="stylesheet" href="../2.18/css/dynamic.css">
+</head>
+
+<body>
+    <div class="header">
+        <div></div>
+        <ul>
+            <li>圈子</li>
+            <li class="activation">附近</li>
+        </ul>
+        <img src="./img/camera.png" alt="">
+    </div>
+
+    <div class="content">
+        <div class="zz"></div>
+
+        <img class="portrait" src="./img/head.png" alt="">
+
+        <div class="product">
+            <div class="exclusivee">
+                <div class="big">护肤品专卖店</div>
+                <div class="distance">>200km</div>
+            </div>
+
+            <div class="evaluate">
+                <p>我亲测好用我亲测好用我亲测好用我亲测好用我亲测好
+                    用我亲测好用我亲测好用我亲测好用我亲测好用我亲好
+                    用我亲测我亲测我亲测我亲测</p>
+                <ul>
+                    <li>
+                        <img src="./img/goods.png" alt="">
+                        <span>289.00</span>
+                    </li>
+                    <li>
+                        <img src="./img/goods.png" alt="">
+                        <span>289.00</span>
+                    </li>
+                    <li>
+                        <img src="./img/goods.png" alt="">
+                        <span>289.00</span>
+                    </li>
+                </ul>
+                <div class="time">
+                    <span>3分钟前</span>
+                    <img src="./img/dian.png" alt="">
+                </div>
+            </div>
+            <div class="good">
+                <div class="name">
+                    <img src="./img/aixin.png" alt="">
+                    <span>张三 、李</span>
+                </div>
+                <ul>
+                    <li>小可:精彩</li>
+                    <li>小可:精彩</li>
+                </ul>
+            </div>
+        </div>
+
+    </div>
+
+    <ul class="footer">
+        <li>
+            <a href="">首页</a>
+        </li>
+        <li>
+            <a href="">好友</a>
+        </li>
+        <li class="activation">
+            <a href="">圈子</a>
+        </li>
+        <li>
+            <a href="">购物车</a>
+        </li>
+        <li>
+            <a href="">我的</a>
+        </li>
+    </ul>
+
+</body>
+
+</html>

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/entry.html

@@ -0,0 +1,59 @@
+<!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>
+    <script type="text/javascript">
+        (function (w, d) {
+            function setSize() {
+                // 获取屏幕的宽度 375px
+                var screenWidth = d.documentElement.clientWidth;
+
+                // 根据规则计算  html 的font-size数值
+                var currentFontSize = screenWidth * 100 / 750;
+
+                // 修改html上的font-size
+                d.documentElement.style.fontSize = currentFontSize + 'px';
+            }
+            w.addEventListener('resize', setSize);
+            w.addEventListener('pageShow', setSize)
+            w.addEventListener('DOMContentLoaded', setSize)
+        })(window, document)
+    </script>
+    <link rel="stylesheet" href="../2.16/clear.css">
+    <link rel="stylesheet" href="./css/entry.css">
+</head>
+
+<body>
+    <div class="header">
+        <img src="./img/left.png" alt="">
+    </div>
+    <div class="content">
+        <div class="list">
+            <div class="entry">登录</div>
+
+            <div class="please">
+                <ul class="input">
+                    <li>请输入账号</li>
+                    <li>请输入密码</li>
+                </ul>
+                <div class="button">
+                    <span>登录</span>
+                </div>
+            </div>
+
+            <div class="doubt">
+                <div class="forget">忘记密码?</div>
+                <div class="no">
+                    <div class="number">没有账号？</div>
+                    <div class="register">立即注册</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>

历届学生/front-end-team-10/项目练习/学生项目/薛涛/2.18/refund.html

@@ -0,0 +1,52 @@
+<!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>
+    <script type="text/javascript">
+        (function (w, d) {
+            function setSize() {
+                // 获取屏幕的宽度 375px
+                var screenWidth = d.documentElement.clientWidth;
+
+                // 根据规则计算  html 的font-size数值
+                var currentFontSize = screenWidth * 100 / 750;
+
+                // 修改html上的font-size
+                d.documentElement.style.fontSize = currentFontSize + 'px';
+            }
+            w.addEventListener('resize', setSize);
+            w.addEventListener('pageShow', setSize)
+            w.addEventListener('DOMContentLoaded', setSize)
+        })(window, document)
+    </script>
+    <link rel="stylesheet" href="../2.16/clear.css">
+    <link rel="stylesheet" href="./css/refund.css">
+</head>
+
+<body>
+    <div class="header">
+        <img src="./img/return.png" alt="">
+        <div class="speed">退款进度</div>
+        <div></div>
+    </div>
+    <div class="content">
+        <div class="process">
+            <img src="./img/clock.png" alt="">
+            <div class="apply">
+                <div class="in">259.98元，退款中</div>
+                <div class="please">请耐心等待商家处理退款申请</div>
+            </div>
+           
+            <div class="revoke">
+                <span>撤销申请</span>
+            </div>
+        </div>
+
+    </div>
+</body>
+
+</html>