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,9 @@
/* 清除默认样式 */
body,ul,li,a,input,p{
margin: 0;
padding: 0;
border: none;
outline: none;
list-style: none;
text-decoration: none;
}

View File

@@ -0,0 +1,76 @@
.head{
width: 100%;
height: .9rem;
background: #fff;
position: fixed;
top: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.head img{
width: 0.19rem;
height: 0.34rem;
}
.head_title{
font-size: 0.34rem;
color: #333333;
}
.content{
margin-top: .9rem;
}
.content_title{
width: 100%;
height: 1rem;
font-size: 0.24rem;
color: #aaaaaa;
background: #f2f3f7;
display: flex;
align-items: center;
padding-left: 0.34rem;
box-sizing: border-box;
}
.list li{
width: 100%;
height: 0.87rem;
background: #fff;
border-bottom: 0.02rem solid #dcdcdf;
padding-left: 0.31rem;
padding-right: 0.36rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.list_left ,
.list_right{
display: flex;
align-items: center;
}
.list_left img{
width: 0.42rem;
height: 0.36rem;
margin-right: 0.34rem;
}
.list_left span{
font-size: 0.3rem;
color: #000000;
}
.list_right span{
font-size: 0.28rem;
color: #000000;
margin-right: 0.29rem;
}
.list_right img:first-child{
width: 0.36rem;
height: 0.36rem;
margin-right: 0.08rem;
}
.list_right img:last-child{
width: 0.13rem;
height: 0.24rem;
}

View File

@@ -0,0 +1,71 @@
body{
display: flex;
flex-direction: column;
height: 100vh;
}
.head{
width: 100%;
height: 3.31rem;
display: flex;
flex-direction: column;
}
.head_title{
width: 100%;
height: .9rem;
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
padding:0 0.3rem;
box-sizing: border-box;
position: fixed;
top: 0;
background: #fff;
z-index: 999;
}
.head_title img{
width: 0.19rem;
height: 0.34rem;
}
.head_text{
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang-SC-Bold;
font-size: 0.52rem;
color: #010101;
}
.list{
width: 100%;
height: 5.99rem;
background-color: #ffffff;
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #909090;
box-sizing: border-box;
flex: 1;
background: #efeff4;
padding-top: 0.18rem;
box-sizing: border-box;
}
.list li{
position: relative;
height: 1rem;
display: flex;
padding-left: 0.29rem;
box-sizing: border-box;
align-items: center;
background: #fff;
}
.list li span:last-child{
color: #262626;
position: absolute;
right: 0.26rem;
}

View File

@@ -0,0 +1,233 @@
html{
font-size: 50px;
}
.head{
width: 100%;
height: .9rem;
background:#fff;
padding-left: .23rem;
padding-right:0.25rem;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.content{
width: 100%;
margin-top: .9rem;
padding-top:0.18rem;
box-sizing: border-box;
background: #f2f3f7;
}
.head_back img:first-child{
width: 0.2rem;
height: 0.38rem;
margin-right: 0.3rem;
}
.head_back img:last-child{
width: 0.48rem;
height: 0.48rem;
}
.head_title{
font-size: 0.28rem;
color: #000000;
}
.head_title img{
width: 0.78rem;
height: 0.32rem;
margin-left: 0.12rem;
}
.head_set img:first-child{
width: 0.42rem;
height: 0.35rem;
margin-right: 0.38rem;
}
.head_set img:last-child{
width: 0.37rem;
height: 0.36rem;
}
.position{
width: 0.25rem;
height: 0.25rem;
position: absolute;
top: 14px;
right: 96px;
}
.head_back ,
.head_title ,
.head_set{
display: flex;
align-items: center;
justify-content: space-between;
}
.content .live{
width: 7.02rem;
height: 0.78rem;
border-radius: 0.2rem;
background-color: #ffffff;
margin: 0 auto 0.24rem auto;
padding: 0 0.17rem 0 0.19rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left ,
.live_right{
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left{
font-size: 0.32rem;
color: #1a1a1a;
}
.live_right{
font-size: 0.28rem;
color: #0079f1;
}
.live_left img{
width: 0.41rem;
height: 0.39rem;
margin-right: 0.09rem;
}
.live_right img{
width: 0.12rem;
height: 0.21rem;
margin-left: 0.11rem;
}
.content .follow{
width: 7.02rem;
height: 1.8rem;
background: url(../img/图层1.png) no-repeat;
background-size: contain;
display: flex;
margin: 0 auto;
margin-bottom: 0.24rem;
}
.follow li{
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items:center;
}
.follow li span:first-child{
font-size: 0.34rem;
color: #ffffff;
}
.follow li span:last-child{
font-size: 0.24rem;
color: #ffffff;
}
.identification{
width: 7.02rem;
height: 2.75rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0 auto;
}
.identification ul{
display: flex;
justify-content: space-between;
padding-left: 0.55rem;
padding-right: 0.58rem;
margin-top: 0.09rem;
box-sizing: border-box;
}
.identification_titile{
font-size: 0.3rem;
height: 0.95rem;
color: #010101;
padding-left: 0.34rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.identification_list li{
display: flex;
flex-direction: column;
}
.identification_list img{
width: 0.58rem;
height: 0.56rem;
}
.identification_list li span{
font-size: 0.24rem;
color: #333333;
}
.identification_list li span:last-child{
font-size: 0.22rem;
color: #abb1bc;
}
.manage_title{
font-size: 0.3rem;
height: 0.95rem;
color: #010101;
padding-left: 0.34rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.manage{
width: 7.02rem;
height: 4.02rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0.24rem auto;
display: flex;
flex-direction: column;
}
.manage_list {
display: flex;
flex-wrap: wrap;
align-items: center;
flex: 1;
}
.manage_list li{
width: 20%;
display: flex;
align-items: center;
flex-direction: column;
}
.manage_list li img{
width: 0.41rem;
height: 0.41rem;
}
.manage_list span{
font-size: 0.24rem;
color: #333333;
}
.marketing{
width: 7.02rem;
height: 2.51rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0 auto;
}
.marketing_list{
display: flex;
align-items: center;
}
.marketing_list li {
width: 25%;
display: flex;
align-items: center;
flex-direction: column;
}
.marketing_list li img{
width: 0.48rem;
height: 0.53rem;
margin-bottom: 0.3rem;
}
.marketing_list li span{
font-size: 0.24rem;
color: #333333;
}

View File

@@ -0,0 +1,85 @@
body{
background: #f7f7f7;
}
.head{
width: 100%;
height: .9rem;
background: #f7f7f7;
padding:0 0.26rem;
border-bottom: 1px solid #dcdcdf;
box-sizing: border-box;
position: fixed;
top: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.head img{
width: 0.19rem;
height: 0.27rem;
}
.head_title{
font-size: 0.34rem;
color: #010101;
}
.content{
margin-top: .9rem;
}
.content_title{
height: 1.11rem;
padding-left: 0.33rem;
padding-right: 0.32rem;
border-bottom: 1px solid #dcdcdf;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.content_title_left{
font-size: 0.32rem;
color: #000000;
}
.content_title_right{
display: flex;
align-items: center;
}
.content_title_right img:first-child{
width: 0.64rem;
height: 0.64rem;
margin-right: 0.16rem;
}
.content_title_right img:last-child{
width: 0.16rem;
height: 0.24rem;
}
.list{
padding-left: 0.33rem;
box-sizing: border-box;
}
.list li{
display: flex;
align-items: center;
justify-content: space-between;
height: 1.11rem;
box-sizing: border-box;
padding-right: 0.32rem;
border-bottom: 1px solid #dcdcdf;
}
.list_left{
font-size: 0.32rem;
color: #000000;
}
.list_right{
display: flex;
align-items: center;
}
.list_right span{
font-size: 0.28rem;
color: #969696;
margin-right: 0.09rem;
}
.list_right img{
width: 0.16rem;
height: 0.24rem;
}

View File

@@ -0,0 +1,16 @@
/* 公共样式代码 */
.left{
float: left;
}
.right{
float: right;
}
.hidden{
overflow: hidden;
}
.clear{
clear: both;
}
.rest{
line-height: 1;
}

View File

@@ -0,0 +1,202 @@
html{
font-size: 50px;
}
.content{
width: 100%;
height: 100%;
background: #f2f3f7;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 0.24rem;
box-sizing: border-box;
}
.title{
width: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0.23rem;
padding-right: 0.36rem;
box-sizing: border-box;
}
.title_left,
.title_centre,
.title_right{
display: flex;
align-items: center;
}
.title_left img:first-child{
width: 0.2rem;
height: 0.38rem;
margin-right: 0.3rem;
}
.title_left img:last-child{
width: 0.48rem;
height: 0.48rem;
}
.title_centre{
font-size: 0.28rem;
color: #000000;
}
.title_centre img{
width: 0.78rem;
height: 0.32rem;
margin-left : 0.12rem;
}
.title_right{
position: relative;
}
.title_right .position{
width: 0.25rem;
height: 0.25rem;
position: absolute;
top: -7px;
right: 31px;
}
.title_right img:first-child{
width: 0.42rem;
height: 0.35rem;
margin-right: 0.38rem;
}
.title_right img:last-child{
width: 0.37rem;
height: 0.36rem;
}
.follow{
width: 100%;
font-size: 0.24rem;
color: #ffffff;
display: flex;
align-items:center;
margin-top: 0.18rem;
margin-bottom: 0.24rem;
background: url(../img/图层1.png) no-repeat;
background-size: contain;
}
.follow ul{
width: 100%;
height: 1.8rem;
display: flex;
align-items:center;
flex-wrap: wrap;
padding: 0.3rem 0.47rem 0.3rem 0.37rem;
box-sizing: border-box;
text-align: center;
}
.follow ul li{
width: 25%;
justify-content: center;
height: 50%;
align-items: center;
display: flex;
}
.live{
width: 100%;
height: 0.78rem;
background: #ffffff;
padding-left: 0.19rem;
padding-right: 0.17rem;
border-radius: 0.2rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left span{
font-size: 0.32rem;
color: #1a1a1a;
}
.live_right span{
font-size: 0.28rem;
color: #0079f1;
}
.live_left,
.live_right{
display: flex;
align-items: center;
}
.live_left img{
width: 0.41rem;
height: 0.39rem;
margin-right: 0.09rem;
}
.live_right img{
width: 0.12rem;
height: 0.21rem;
margin-left: 0.11rem;
}
.list li{
/* width: 7.02rem;
height: 4.02rem; */
background-color: #ffffff;
border-radius: 0.2rem;
margin-top: 0.24rem;
margin-bottom: 0.23rem;
padding: 0.34rem 0.28rem 0.37rem 0.34rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-wrap:wrap;
}
.list_title{
width: 100%;
height: max-content;
font-size: 0.3rem;
color: #010101;
}
.idcard{
display: flex;
align-items: center;
flex-direction: column;
width: 1rem;
margin-top:0.3rem;
}
.list_cotent .idcard:first-child{
margin-left: 0.16rem;
}
.idcard img{
width: 0.58rem;
height: 0.56rem;
margin-bottom: 0.25rem;
}
.list .idcard span{
font-size: 0.24rem;
color: #333333;
}
.list .idcard span:last-child{
font-size: 0.22rem;
color: #abb1bc;
margin-top: 0.05rem;
}
.list_cotent{
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.idcard1{
width: 1.2rem;;
display: flex;
flex-direction: column;
align-items: center;
margin-top:0.4rem;
}
.idcard1 img{
width: 0.38rem;
height: 0.4rem;
margin-bottom: 0.36rem;
}
.idcard1{
font-size: 0.24rem;
color: #333333;
}
.active{
color: red !important;
}

View File

@@ -0,0 +1,77 @@
body{
height: 100vh;
display: flex;
flex-direction: column;
}
.head{
width: 100%;
height:.9rem;
font-size: 0.34rem;
color: #333333;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.head img{
width: 0.19rem;
height: 0.34rem;
}
.title{
width: 100%;
height: 1rem;
font-size: 0.24rem;
color: #aaaaaa;
display: flex;
align-items: center;
padding-left: 0.34rem;
box-sizing: border-box;
}
.content{
width: 100%;
flex: 1;
background: #f2f2f2;
}
.list{
color: #000000;
background: #fff;
}
.list li{
height: 0.87rem;
display: flex;
align-items: center;
position: relative;
padding-left:0.31rem ;
border-bottom: 0.02rem solid #dcdcdf;
box-sizing: border-box;
}
.list .list_car{
font-size: 0.3rem;
}
.list .list_set{
font-size: 0.28rem;
position: absolute;
right: 0.36rem;
}
.list .list_car img{
width: 0.42rem;
height: 0.36rem;
margin-right: 0.36rem;
}
.list .list_set img:first-child{
width: 0.36rem;
height: 0.36rem;
margin-right: 0.08rem;
}
.list .list_set img:last-child{
width: 0.13rem;
height: 0.24rem;
margin-left: 0.29rem;
}
.list .list_car,
.list .list_set{
display: flex;
align-items:center;
}

View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>freight</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>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/freight.css">
</head>
</html>
<body>
<div class="head">
<img src="./img/左.png" alt="">
<div class="head_title">运费模板</div>
<div></div>
</div>
<div class="content">
<div class=" content_title">请选择运送方式</div>
<ul class="list">
<li>
<div class="list_left">
<img src="./img/运费模板.png" alt="">
<span>货运</span>
</div>
<div class="list_right">
<img src="./img/./对勾.png" alt="">
<span>已设置</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">
<img src="./img/-e-快递.png" alt="">
<span>货运</span>
</div>
<div class="list_right">
<img src="./img/./-e-灰色对勾.png" alt="">
<span>未设置</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">
<img src="./img/-e-EMS.png" alt="">
<span>货运</span>
</div>
<div class="list_right">
<img src="./img/./对勾.png" alt="">
<span>已设置</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
</ul>
</div>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 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.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: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 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: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 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: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 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

View File

@@ -0,0 +1,65 @@
<!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>收入详情页</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="./css/public.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/income.css">
</head>
<body>
<div class="head">
<div class="head_title">
<img src="./img/左.png" alt="">
<div>收入详情</div>
<div></div>
</div>
<div class="head_text">+¥399.00</div>
</div>
<ul class="list">
<li>
<span>流水号</span>
<span>20181125015755</span>
</li>
<li>
<span>付款类型</span>
<span>充值</span>
</li>
<li>
<span>收支类型</span>
<span>充值</span>
</li>
<li>
<span>支付方式</span>
<span>微信钱包</span>
</li>
<li>
<span>创建时间</span>
<span>2018-11-25 21:03:03</span>
</li>
<li>
<span>备注</span>
<span>微信充值399.00元</span>
</li>
</ul>
</body>
</html>

View File

@@ -0,0 +1,165 @@
<!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>new_store</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="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/new_store.css">
</head>
<body>
<div class="head">
<div class="head_back">
<img src="./img/左.png" alt="">
<img src="./img/店铺头像.png" alt="">
</div>
<div class="head_title">
<span>新手体验店</span>
<img src="./img/营业中拷贝.png" alt="">
</div>
<div class="head_set">
<img src="./img/消息拷贝.png" alt="">
<img class="position" src="./img/1拷贝.png" alt="">
<img src="./img/设置.png" alt="">
</div>
</div>
<div class="content">
<ul class="follow">
<li>
<span>0</span>
<span>关注人数</span>
</li>
<li>
<span>1</span>
<span>商品数</span>
</li>
<li>
<span>0</span>
<span>粉丝数</span>
</li>
<li>
<span>0</span>
<span>浏览量</span>
</li>
</ul>
<div class="live">
<div class="live_left">
<img src="./img/直播.png" alt="">
<span>我要直播</span>
</div>
<div class="live_right">
<span>去开直播</span>
<img src="./img/-e-右.png" alt="">
</div>
</div>
<div class="identification">
<div class="identification_titile">店铺资质认证</div>
<ul class="identification_list">
<li>
<img src="./img/营业执照.png" alt="">
<span>营业执照</span>
<span>已认证</span>
</li>
<li>
<img src="./img/身份证.png" alt="">
<span>身份证</span>
<span>未认证</span>
</li>
<li>
<img src="./img/银行卡_.png" alt="">
<span>银行卡</span>
<span>未认证</span>
</li>
</ul>
</div>
<div class="manage">
<div class="manage_title">店铺管理</div>
<ul class="manage_list">
<li>
<img src="./img/商品.png" alt="">
<span>商品管理</span>
</li>
<li>
<img src="./img/朋友圈.png" alt="">
<span>朋友圈管理</span>
</li>
<li>
<img src="./img/资金.png" alt="">
<span>资金管理</span>
</li>
<li>
<img src="./img/数据.png" alt="">
<span>数据管理</span>
</li>
<li>
<img src="./img/店铺.png" alt="">
<span>店铺信息</span>
</li>
<li>
<img src="./img/粉丝.png" alt="">
<span>粉丝管理</span>
</li>
<li>
<img src="./img/运费模板.png" alt="">
<span>运费管理</span>
</li>
<li>
<img src="./img/视频拷贝.png" alt="">
<span>视频管理</span>
</li>
<li>
<img src="./img/店铺预览.png" alt="">
<span>店铺预览</span>
</li>
<li>
<img src="./img/订单.png" alt="">
<span>订单管理</span>
</li>
</ul>
</div>
<div class="marketing">
<div class="identification_titile">店铺资质认证</div>
<ul class="marketing_list">
<li>
<img src="./img/优惠券.png" alt="">
<span>优惠券</span>
</li>
<li>
<img src="./img/拼团.png" alt="">
<span>拼团</span>
</li>
<li>
<img src="./img/秒杀02.png" alt="">
<span>秒杀</span>
</li>
<li>
<img src="./img/积分.png" alt="">
<span>积分充值</span>
</li>
</ul>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,82 @@
<!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>编辑个人质料</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="./css/public.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/personal_data.css">
</head>
<body>
<div class="head">
<img src="./img/左.png" alt="">
<div class="head_title">编辑个人资料</div>
<div></div>
</div>
<div class="content">
<div class="content_title">
<div class="content_title_left">头像</div>
<div class="content_title_right">
<img src="./img/-e-头像拷贝.png" alt="">
<img src="./img/-e-右.png" alt="">
</div>
</div>
<ul class="list">
<li>
<div class="list_left">昵称</div>
<div class="list_right">
<span>小许</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">用户ID</div>
<div class="list_right">
<span>11221122</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">性别</div>
<div class="list_right">
<span>女</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">所在地</div>
<div class="list_right">
<span>安徽 合肥市</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_left">个人介绍</div>
<div class="list_right">
<span>填写个人资料更容易获得关注</span>
<img src="./img/-e-右.png" alt="">
</div>
</li>
</ul>
</div>
</body>
</html>

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="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/新手体验店.css">
<title>新手体验店</title>
</head>
<body>
<div class="content">
<div class="title">
<div class="title_left">
<img src="./img/左.png" alt="">
<img src="./img/店铺头像.png" alt="">
</div>
<div class="title_centre">
<span>新手体验店</span>
<img src="./img/营业中拷贝.png" alt="">
</div>
<div class="title_right">
<img src="./img/消息拷贝.png" alt="">
<img class="position" src="./img/1拷贝.png" alt="">
<img src="./img/设置.png" alt="">
</div>
</div>
<div class="follow">
<ul>
<li>0</li>
<li>1</li>
<li>0</li>
<li>0</li>
<li>关注人数</li>
<li>商品数</li>
<li>粉丝数</li>
<li>浏览量</li>
</ul>
</div>
<div class="live">
<div class="live_left">
<img src="./img/直播.png" alt="">
<span>我要直播 </span>
</div>
<div class="live_right">
<span>去开直播</span>
<img src="./img/右.png" alt="">
</div>
</div>
<ul class="list">
<li>
<div class="list_title">店铺资质认证</div>
<div class="list_cotent">
<div class="idcard">
<img src="./img/营业执照.png" alt="">
<span>营业执照</span>
<span>已认证</span>
</div>
<div class="idcard">
<img src="./img/身份证.png" alt="">
<span>身份证</span>
<span class="active">未认证</span>
</div>
<div class="idcard">
<img src="./img/银行卡_.png" alt="">
<span>银行卡</span>
<span class="active">未认证</span>
</div>
</div>
</li>
<li>
<div class="list_title">店铺管理</div>
<div class="list_cotent">
<div class="idcard1 ">
<img src="./img/商品.png" alt="">
<span>商品管理</span>
</div>
<div class="idcard1">
<img src="./img/朋友圈.png" alt="">
<span>朋友圈管理</span>
</div>
<div class="idcard1">
<img src="./img/资金.png" alt="">
<span>资金管理</span>
</div>
<div class="idcard1">
<img src="./img/数据.png" alt="">
<span>数据管理</span>
</div>
<div class="idcard1">
<img src="./img/店铺.png" alt="">
<span>店铺信息</span>
</div>
<div class="idcard1">
<img src="./img/粉丝.png" alt="">
<span>粉丝管理</span>
</div>
<div class="idcard1">
<img src="./img/运费模板.png" alt="">
<span>运费管理</span>
</div>
<div class="idcard1">
<img src="./img/视频拷贝.png" alt="">
<span>视频管理</span>
</div>
<div class="idcard1">
<img src="./img/店铺预览.png" alt="">
<span>店铺预览</span>
</div>
<div class="idcard1">
<img src="./img/订单.png" alt="">
<span>订单管理</span>
</div>
</div>
</li>
<li>
<div class="list_title">店铺营销</div>
<div class="list_cotent">
<div class="idcard">
<img src="./img/优惠券.png" alt="">
<span>优惠卷</span>
</div>
<div class="idcard">
<img src="./img/拼团.png" alt="">
<span>拼团</span>
</div>
<div class="idcard">
<img src="./img/秒杀02.png" alt="">
<span>秒杀</span>
</div>
<div class="idcard">
<img src="./img/积分.png" alt="">
<span>积分充值</span>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>

View File

@@ -0,0 +1,77 @@
<!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>运费模板</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="./css/public.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/运费模板.css">
</head>
<body>
<div class="head">
<img src="./img/左.png" alt="">
<div>运费模板</div>
<div></div>
</div>
<div class="content">
<div class="title">请选择运送方式</div>
<ul class="list">
<li>
<div class="list_car">
<img src="./img/-e-货运.png" alt="">
<div>货运</div>
</div>
<div class="list_set">
<img src="./img/对勾.png" alt="">
<div>已设置</div>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_car">
<img src="./img/-e-快递.png" alt="">
<div>货运</div>
</div>
<div class="list_set">
<img src="./img/-e-灰色对勾.png" alt="">
<div>已设置</div>
<img src="./img/-e-右.png" alt="">
</div>
</li>
<li>
<div class="list_car">
<img src="./img/-e-EMS.png" alt="">
<div>货运</div>
</div>
<div class="list_set">
<img src="./img/对勾.png" alt="">
<div>已设置</div>
<img src="./img/-e-右.png" alt="">
</div>
</li>
</ul>
</div>
</body>
</html>