first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,281 @@
body{
margin: 0;
padding: 0;
font-size: 0;
background: #f2eeee;
}
li{
list-style: none;
}
.header{
z-index: 999;
left: 0;
top: 0;
position: fixed;
width: 100%;
height: 0.88rem;
background:#fff;
display: flex;
padding: 0 0.3rem;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
}
.header img{
width: 0.2rem;
height:0.33rem;
}
.header span{
font-size:0.34rem;
color: #333333;
}
.header_right{
width:0.2rem;
height:0.33rem;
}
.content{
margin-top: 0.9rem;
}
.content_s{
width: 100%;
height:1.26rem;
display: flex;
box-sizing: border-box;
justify-content:space-between;
background: url(./img/sbj.png) no-repeat;
background-size: 100% 1.26rem;
padding: 0.21rem 0.3rem 0.3rem;
align-items: center;
}
.content_s_z span{
color: #333333;
font-size: 0.3rem;
}
.content_s_z p{
margin: 0rem;
padding-top: 0.17rem;
font-size: 0.24rem;
color: #333333;
}
.content_s_y img{
width: 0.14rem;
height: 0.26rem;
}
.content_s_span{
padding-right: 0.52rem;
}
.content_szs{
margin-top:0.19rem;
display: flex;
height: 0.84rem;
align-items: center;
background: #fff;
justify-content: space-between;
padding: 0 0.36rem 0 0.26rem;
}
.content_szs_z,.content_szs_y{
font-size: 0.28rem;
color: #333333;
}
.content_szs_y{
display: flex;
align-items: center;
}
.content_szs_y img{
padding-left: 0.07rem;
width: 0.31rem;
}
.content_szz{
margin-top:0.16rem;
box-sizing: border-box;
}
.content_szz_s{
font-size: 0.26rem;
color: #333333;
margin-top: 0.01rem;
display: flex;
justify-content: flex-start;
height:0.84rem;
align-items: center;
background: #fff;
padding-left: 0.24rem;;
}
.content_szz_s img{
width: 0.24rem;
height: 0.22rem;
}
.content_szz_s span{
padding: 0 0.16rem 0 0.06rem;
}
.tu{
width: 0.1rem;
height: 0.19rem;
}
.content_szz_ss{
padding-left: 0.24rem;
display:flex;
height: 2.22rem;
margin-top: 0.01rem;
background: #fff;
align-items: center;
}
.content_szz_ss img{
width: 2rem;
height: 1.65rem;
}
.content_szz_szb{
box-sizing: border-box;
width: 3.18rem;
margin: 0 0.75rem 0 0.36rem;
}
.content_szz_szbz{
padding-bottom: 0.18rem;
font-size: 0.28rem;
color: #333333;
}
.content_szz_szb span{
font-size: 0.2rem;
color: #999999;
padding-right: 0.1rem;
}
.pgj{
margin: 0rem;
padding-top: 0.18rem;
font-size: 0.2rem;
color: #ea4e3d;
}
.content_szz_yb p{
padding: 0rem;
margin: 0rem;
}
.content_szz_yb{
font-size: 0.2rem;
color: #999999;
}
.footer{
position: fixed;
width: 100%;
height: 0.92rem;
bottom:0;
left: 0;
background:#fff;
display: flex;
justify-content: flex-end;
align-items: center;
}
.footer_s{
font-size: 0.26rem;
letter-spacing: 0.006rem;
color: #c6c6c6;
}
.footer_z{
font-size: 0.26rem;
padding-left: 0.14rem;
color: #999999;
}
.footer_zj{
margin-left: 0.15rem;
}
.footer_zj_z{
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #000000;
}
.footer_zy{
font-size: 0.3rem;
color: #000000;
}
.footer_y{
width: 1.92rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
font-size: 0.28rem;
letter-spacing: 0.006rem;
color: #ffffff;
line-height: 0.66rem;
text-align: center;
margin-right: 0.24rem;
margin-left: 0.18rem;
}
.content_szz_sss{
padding-left: 0.3rem;
display: flex;
align-items: center;
height: 0.88rem;
background: #fff;
margin-top: 0.02rem;
}
.content_szz_sss_s{
font-size: 0.3rem;
color: #333333;
padding-right: 0.31rem;
}
.content_szz_sss_y{
font-size: 0.26rem;
color: #aaaaaa;
}
.content_szz_ssss{
height: 1.08rem;
display: flex;
box-sizing: border-box;
justify-content: space-between;
margin-top: 0.01rem;
align-items: center;
background: #fff;
padding: 0 0.25rem 0 0.3rem;
}
.content_szz_ssss p{
font-size: 0.24rem;
color: #333333;
margin: 0;
}
.content_szz_ssss_y .liys{
display: flex;
justify-content: center;
font-size:0.24rem;
color: #f09c48;
}
.content_szz_sssss{
margin-top: 0.01rem;
background: #fff;
height: 0.84rem;
display: flex;
padding: 0 0.26rem 0 0.31rem;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
}
.content_szz_sssss_z{
font-size: 0.3rem;
color: #333333;
}
.content_szz_sssss_y{
font-size: 0.34rem;
color: #ea4e3d;
}
.padding_bt1{
padding-bottom: 0.2rem;
}

View File

@@ -0,0 +1,128 @@
<!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">
<link rel="stylesheet" href="./1-22.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img src="./img/返回.png" alt="">
<span>填写订单</span>
<div class="header_right"> m</div>
</div>
<div class="content">
<div class="content_s">
<div class="content_s_z">
<span class="content_s_span">张晓明</span>
<span>186****0019</span>
<p>上海市黄浦区中山南路128号千古美城1楼1210室</p>
</div>
<div class="content_s_y">
<img src="./img/right.png" alt="">
</div>
</div>
<div class="content_szs">
<div class="content_szs_z">选择支付方式</div>
<div class="content_szs_y">在线支付
<img src="./img/大圆.png" alt="">
</div>
</div>
<div class="content_szz">
<div class="content_szz_s">
<img src="./img/矢量智能对象.png" alt="">路易斯女装旗舰店
</div>
<div class="content_szz_ss">
<img src="./img/500179904.png" alt="">
<div class="content_szz_szb">
<div class="content_szz_szbz">真丝连衣裙2019春夏新款杭州大牌气质修……</div>
<span>颜色:黑白</span><span>尺码:L</span>
<p class="pgj">¥160.00</p>
</div>
<p class="content_szz_yb">X1</p>
</div>
<div class="content_szz_sss">
<span class="content_szz_sss_s">订单备注</span>
<span class="content_szz_sss_y">有什么想对商家留言的可以在这里说</span>
</div>
<div class="content_szz_ssss">
<div class="content_szz_ssss_z">
<p class="padding_bt1">优惠抵用</p>
<p>快递费用</p>
</div>
<div class="content_szz_ssss_y">
<div class="liys padding_bt1">-¥5</div>
<p>免费包邮</p>
</div>
</div>
<div class="content_szz_sssss">
<div class="content_szz_sssss_z">商品金额</div>
<div class="content_szz_sssss_y">¥155.00</div>
</div>
</div>
<div class="content_szz">
<div class="content_szz_s">
<img src="./img/矢量智能对象.png" alt="">路易斯女装旗舰店
</div>
<div class="content_szz_ss">
<img src="./img/500179904.png" alt="">
<div class="content_szz_szb">
<div class="content_szz_szbz">真丝连衣裙2019春夏新款杭州大牌气质修……</div>
<span>颜色:黑白</span><span>尺码:L</span>
<p class="pgj">¥160.00</p>
</div>
<p class="content_szz_yb">X1</p>
</div>
<div class="content_szz_ss">
<img src="./img/500179904.png" alt="">
<div class="content_szz_szb">
<div class="content_szz_szbz">真丝连衣裙2019春夏新款杭州大牌气质修……</div>
<span>颜色:黑白</span><span>尺码:L</span>
<p class="pgj">¥160.00</p>
</div>
<p class="content_szz_yb">X1</p>
</div>
<div class="content_szz_sss">
<span class="content_szz_sss_s">订单备注</span>
<span class="content_szz_sss_y">有什么想对商家留言的可以在这里说</span>
</div>
<div class="content_szz_ssss">
<div class="content_szz_ssss_z">
<p class="padding_bt1">优惠抵用</p>
<p>快递费用</p>
</div>
<div class="content_szz_ssss_y">
<div class="liys padding_bt1">-¥5</div>
<p>免费包邮</p>
</div>
</div>
<div class="content_szz_sssss">
<div class="content_szz_sssss_z">商品金额</div>
<div class="content_szz_sssss_y">¥155.00</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_zb">
<span class="footer_s">共3件,</span>
<span class="footer_z">合计:</span>
</div>
<div class="footer_zj">
<span class="footer_zj_z">¥</span>
<span class="footer_zy">5999.00</span>
</div>
<div class="footer_y"> 结算(2)</div>
</div>
</body>
<script src="./ww.js"></script>
</html>

View File

@@ -0,0 +1,269 @@
body {
margin: 0;
padding: 0;
font-size: 0;
background: #f7f5f5;
}
li{
list-style: none;
}
p{
margin: 0;
padding:0;
}
.header{
z-index: 999;
left: 0;
top: 0;
position: fixed;
width: 100%;
height:0.9rem;
display: flex;
background: #f7f5f5;
justify-content: space-between;
box-sizing: border-box;
padding:0 0.23rem 0 0.25rem;
align-items: center;
}
.header img{
vertical-align: middle;
}
.header_z_z{
width: 0.2rem;
height: 0.38rem;
padding-right:0.3rem;
}
.header_z_y{
width: 0.48rem;
height: 0.48rem;
}
.heade_zj{
display: flex;
}
.heade_zj_z{
display: flex;
font-size: 0.28rem;
color:#000000;
padding-right:0.2rem;
}
.heade_zj_y{
width: 0.78rem;
height: 0.32rem;
line-height: 0.32rem;
text-align: center;
background-color: #3b75e2;
border-radius: 0.1rem;
font-size: 0.2rem;
color: #ffffff;
}
.header_yz{
padding-right:0.3rem;
width: 0.42rem;
height: 0.35rem;
}
.header_yy{
width: 0.37rem;
height: 0.36rem;
}
.content{
margin-top:1rem;
margin-right: 0.24rem;
margin-left: 0.24rem;
}
.content_u{
padding: 0 0.37rem;
height: 1.8rem;
background:rgb(110, 110, 182);
border-radius: 15px;
margin: 0.3rem 0 0.24rem 0;
display: flex;
justify-content:space-between;
align-items: center;
text-align: center;
}
.content_u p{
font-size: 0.34rem;
line-height: 0.48rem;
color: #ffffff;
}
.content_u span{
font-size: 0.24rem;
line-height: 0.48rem;
color: #ffffff;
}
.content_zs{
background-color: #ffffff;
border-radius: 0.2rem;
margin:0 0 0.24rem 0;
box-sizing: border-box;
height:0.78rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.2rem;
}
.content_zsz img{
width: 0.41rem;
height: 0.39rem;
padding-right:0.09rem;
}
.content_zsz span{
font-size: 0.32rem;
color: #1a1a1a;
}
.content_zsy img{
width: 0.12rem;
height: 0.21rem;
padding-left:0.11rem;
}
.content_zsy span{
font-size: 0.28rem;
color: #0079f1;
padding-right: 0.11rem;
}
.content_zss{
box-sizing: border-box;
height: 2.75rem;
background: #ffffff;
border-radius: 0.2rem;
margin-bottom: 0.24rem;
}
.content_zss_s{
padding:0.34rem 0 0 0.34rem;
font-size: 0.3rem;
color: #010101;
}
.content_zss_x{
padding: 0 0.55rem 0 0.55rem;
margin-top: 0.35rem;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
}
.content_zss_x p{
padding: 0.25rem 0 0.15rem 0;
}
.content_zss_x_t1{
width: 0.58rem;
height: 0.56rem;
}
.content_zss_x_t2{
width: 0.57rem;
height: 0.43rem;
}
.content_zss_x_t3{
width: 0.6rem;
height: 0.42rem;
}
.content_zss_x p{
font-size: 0.24rem;
color: #333333;
}
.content_zss_x span{
font-size: 0.22rem;
color: #e93323;
}
.content_rz{
font-size: 0.22rem;
color: #abb1bc;
}
.padd{
padding:0 0.34rem
}
.content_zss_x{
flex-wrap: wrap;
}
.content_zss_xm{
font-size: 0.3rem;
color: #010101;
padding: 0.34rem 0 0 0.35rem;
}
.content_zss_xm_ul{
display: flex;
justify-content: space-between;
border-radius: 0.2rem;
flex-wrap:wrap;
margin-top: 0.54rem;
}
.content_zss_xm_ul li{
width: 20%;
text-align: center;
padding-bottom: 0.45rem;
}
.content_zss_xm_ul img{
margin-bottom:0.2rem;
}
.content_zsx{
height: 4.02rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin-bottom: 0.24rem;
}
.content_zsxd{
height: 2.51rem;
background-color: #ffffff;
border-radius: 0.2rem;
box-sizing: border-box;
margin-bottom: 0.24rem;
}
.content_zsx_s{
font-size: 0.3rem;
color: #010101;
padding: 0.34rem 0 0 0.34rem;
}
.content_zsx__x img{
padding-bottom: 0.29rem;
}
.content_zsx__x li{
text-align: center;
}
.content_zsx__x{
margin-top: 0.24rem;
display: flex;
justify-content: space-between;
padding: 0 0.51rem;
}
.content_zsx__x_1 {
width: 0.62rem;
height: 0.44rem;
}
.content_zsx__x_2{
width: 0.52rem;
height: 0.56rem;
}
.content_zsx__x_3{
width: 0.48rem;
height: 0.53rem;
}
.content_zsx__x_4{
width: 0.44rem;
height: 0.48rem;
}
.content_zsx__x p{
font-size: 0.24rem;
color: #333333;
}
.content_zss_xm_ul img{
width: 0.38rem;
height: 0.4rem;
}
.content_zss_xm_ul p{
font-size: 0.24rem;
color: #333333;
}

View File

@@ -0,0 +1,144 @@
<!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">
<link rel="stylesheet" href="./1-64.css">
<title>Document</title>
</head>
<body>
<div class="header">
<div class="header_z">
<img class="header_z_z" src="./img/返回.png" alt="">
<img class="header_z_y" src="./img/店铺头像.png" alt="">
</div>
<div class="heade_zj">
<span class="heade_zj_z">新手体验店</span>
<div class="heade_zj_y">营业中</div>
</div>
<div class="header_y">
<img class="header_yz" src="./img/数量1.png" alt="">
<img class="header_yy" src="./img/设置.png" alt="">
</div>
</div>
<div class="content">
<ul class="content_u">
<li>
<p>0</p>
<span>关注人数</span>
</li>
<li>
<p>1</p>
<span>商品数</span>
</li>
<li>
<p>0</p>
<span>粉丝数</span>
</li>
<li>
<p>0</p>
<span>浏览量
</span>
</li>
</ul>
<div class="content_zs">
<div class="content_zsz">
<img src="./img/直播.png" alt="">
<span>我要直播</span>
</div>
<div class="content_zsy">
<span>去开启直播</span>
<img src="./img/右.png" alt="">
</div>
</div>
<div class="content_zss">
<div class="content_zss_s">店铺资质认证</div>
<ul class="content_zss_x">
<li>
<img class="content_zss_x_t1" src="./img/营业执照.png" alt="">
<p>营业执照</p>
<span class="content_rz">已认证</span>
</li>
<li>
<img class="content_zss_x_t2" src="./img/身份证.png" alt="">
<p>身份证</p>
<span>未认证</span>
</li>
<li>
<img class="content_zss_x_t3" src="./img/银行卡_.png" alt="">
<p>银行卡</p>
<span>未认证</span>
</li>
</ul>
</div>
<div class="content_zsx">
<div class="content_zss_xm">店铺管理 </div>
<ul class="content_zss_xm_ul padd">
<li >
<img src="./img/商品.png" alt="">
<p>商品管理</p>
</li>
<li >
<img src="./img/朋友圈.png" alt="">
<p>朋友圈管理</p>
</li>
<li>
<img src="./img/资金.png" alt="">
<p>资金管理</p>
</li>
<li>
<img src="./img/数据.png" alt="">
<p>数据管理</p>
</li>
<li>
<img src="./img/店铺预览.png" alt="">
<p>店铺信息</p>
</li>
<li >
<img src="./img/粉丝.png" alt="">
<p>粉丝管理</p>
</li>
<li>
<img src="./img/运费模板.png" alt="">
<p>运费管理</p>
</li>
<li >
<img src="./img/三角形.png" alt="">
<p>视频管理</p>
</li>
<li>
<img src="./img/订单.png" alt="">
<p>店铺预览</p>
</li>
<li>
<img src="./img/订单.png" alt="">
<p>订单管理</p>
</li>
</ul>
</div>
<div class="content_zsxd">
<div class="content_zsx_s padd" >店铺营销</div>
<ul class="content_zsx__x">
<li>
<img class="content_zsx__x_1" src="./img/优惠券.png" alt="">
<p>优惠券</p>
</li>
<li>
<img class="content_zsx__x_3" src="./img/秒杀02.png" alt="">
<p>秒杀</p>
</li>
<li>
<img class="content_zsx__x_3" src="./img/秒杀02.png" alt="">
<p>秒杀</p>
</li>
<li>
<img class="content_zsx__x_4" src="./img/cz.png" alt="">
<p>积分充值</p>
</li>
</ul>
</div>
</div>
</body>
<script src="./ww.js"></script>
</html>

View File

@@ -0,0 +1,103 @@
body {
margin: 0;
padding: 0;
font-size: 0;
background: #f7f5f5;
}
li{
list-style: none;
}
p,span{
margin:0;
padding:0;
}
.header{
z-index: 999;
left: 0;
top: 0;
position: fixed;
width: 100%;
height:1rem;
display: flex;
background:#fff;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
padding: 0 0.42rem;
}
.header img{
width: 0.15rem;
height: 0.29rem;
}
.header_input{
font-size: 0.34rem;
color: #1b1b1b;
}
.header_none{
width: 0.15rem;
height: 0.29rem;
}
.content{
margin-top: 1rem;
}
.content_card{
height: 1.12rem;
font-size: 0.28rem;
color: #737373;
padding: 0.62rem 0 0 0.5rem;
box-sizing: border-box;
}
.content_bank{
height: 1.59rem;
background:#fff;
padding: 0 0.52rem;
box-sizing: border-box;
}
.content_bank span{
font-size: 0.28rem;
color: #1b1b1b;
}
.content_name{
height: 0.74rem;
border-bottom: 0.01rem solid #4a4a4a;
}
.content_cai{
height: 0.84rem;
}
.content_bank li{
display: flex;
align-items:center;
box-sizing: border-box;
}
.content_bank input{
padding-left:0.3rem;
height: 97%;
flex: 1;
font-size: 0.28rem;
color: #1b1b1b;
border: none;
outline: none;
padding-bottom: 0rem;
}
.content_sign{
display: flex;
align-items: center;
justify-content: center;
font-size: 0.34rem;
color: #ffffff;
width: 6.5rem;
height: 0.8rem;
background-color: #5697f4;
border-radius: 0.4rem;
margin:0.73rem 0.5rem 0 0.5rem;
}

View File

@@ -0,0 +1,36 @@
<!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">
<link rel="stylesheet" href="./1-85.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img src="./img/返回.png" alt="">
<div class="header_input">输入银行卡</div>
<div class="header_none"></div>
</div>
<div class="content">
<div class="content_card">请输入持卡人姓名和卡号
</div>
<ul class="content_bank">
<li class="content_name">
<span> 持卡人</span>
<input type="text">
</li>
<li class="content_cai">
<span>卡号</span>
<input type="text">
</li>
</ul>
<div class="content_sign">下一步</div>
</div>_
</body>
<script src="./ww.js"></script>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,11 @@
window.onload = function () {
getRem(750, 100)
};
window.onresize = function () {
getRem(750, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}