bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
历届学生/fontendsix/项目练习/学生项目/计梦梦/1.txt Normal file
View File

@@ -0,0 +1,2 @@
色v粉丝v额
QU\\RRRFFFFF

281
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/1-22.css Normal file
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;
}

128
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/1-22.html Normal file
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>

269
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/1-64.css Normal file
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;
}

144
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/1-64.html Normal file
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>

103
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/1-85.css Normal file
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;
}

36
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/1-85.html Normal file
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>

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/-e-搜索.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/-e-粉丝头像.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/500179904.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/cz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/sbj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/三角形.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/优惠券.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/右.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/商品.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/图层1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/大圆.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/店铺头像.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/店铺预览.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/拼团.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/数据.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/数量1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/朋友圈.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/直播.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/矢量智能对象.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/矩形1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/秒杀02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/积分.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/粉丝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/营业执照.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/订单.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/设置.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/资金.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/身份证.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/运费模板.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/返回.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/img/银行卡_.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

11
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.26/ww.js Normal file
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";
}

88
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/1-75.html Normal file
View File

@@ -0,0 +1,88 @@
<!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/1-75.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img src="./img/fh.png" alt="">
<div class="header_center">详情</div>
<div class="header_right"></div>
</div>
<div class="content">
<div class="content_wait">待发货</div>
<div class="content_new">
<div class="content_top">
<img src="./img/75dw.png" alt="">
<div class="content_top_right">
<div class="test">测试</div>
<div class="number">15000000000</div>
<div class="add">北京市 市辖区 朝阳区 123123</div>
</div>
</div>
<div class="content_bottom">
<img src="./img/75pl.png" alt="">
<div class="content_bottom_right">
<div class="content_bottom_words">买家留言</div>
<div class="content_bottom_test">测试</div>
</div>
</div>
</div>
<div class="content_wait_urse">
<div class="content_wait_urse_top">
<div class="content_wait_urse_left">
<img src="./img/75tx.png" alt="">
<div class="content_wait_urse_name">test014</div>
</div>
<ul class="content_wait_urse_right">
<li>打电话</li>
<li class="wait_new">发消息</li>
</ul>
</div>
<div class="content_wait_urse_center">
<img src="./img/75cp.png" alt="">
<div class="content_wait_urse_center_text">
<div class="content_wait_text_top">
<div class="content_wait_text_top_left">本人做淘宝店铺一件代发的 本人做淘宝店铺一件代发的
</div>
<div class="content_wait_text_top_right">￥0.01</div>
</div>
<div class="content_wait_text_bottom">
<div class="content_wait_text_bottom_left">颜色：如图色 尺码：均码</div>
<div class="content_wait_text_bottom_right">X1</div>
</div>
</div>
</div>
<div class="content_wait_urse_bottom">
共计3件，实收款： <span>￥354.00</span> （含邮费：￥0.00）
</div>
</div>
<ul class="content_infor">
<li class="content_infor_top">
<div class="content_infor_left"> <span>订 单号：</span> 1000000000</div>
<div class="content_infor_right">复制</div>
</li>
<li><span>下单时间：</span>18-12-12 10：00：00</li>
<li><span>支付时间：</span>18-12-12 10：00：00</li>
<li><span>支付方式：</span>微信</li>
<li><span>发货时间：</span>18-12-12 10：00：00</li>
<li><span>完成时间：</span>18-12-12 10：00：00</li>
<li class="content_infor_top">
<div class="content_infor_bottom"><span>备注信息：</span>fff</div>
<img src="./img/right.png" alt="">
</li>
</ul>
<div class="content_goods">发货</div>
</div>
</body>
<script src="./js/js.js"></script>
</html>

95
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/1-80.html Normal file
View File

@@ -0,0 +1,95 @@
<!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/1-80.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img class="header_left" src="./img/fh.png" alt="">
<div class="header_center">全部粉丝（200）</div>
<div class="header_right"></div>
</div>
<ul class="content">
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div class="content_ueser_look">关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
<li class="content_ueser">
<div class="content_ueser_left">
<img src="./img/fstx.png" alt="">
<div class="content_ueser_left_name">A孙先森</div>
</div>
<div class="content_ueser_right">
<div>已关注</div>
<img src="./img/yuan.png" alt="">
</div>
</li>
</ul>
</body>
<script src="./js/js.js"></script>
</html>

70
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/1-83.html Normal file
View File

@@ -0,0 +1,70 @@
<!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/1-83.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img src="./img/fh.png" alt="">
<div class="header_center">积分充值</div>
<div class="header_right"></div>
</div>
<div class="content">
<div class="content_top">
<div class="content_text">当前积分：</div>
<div class="content_num">300</div>
</div>
<div class="content_center">
<div class="content_center_top">
<div class="content_center_top_right">自定义数量</div>
<div class="content_center_top_left">请输入积分充值数量</div>
</div>
<ul class="content_center_bottom">
<li class="content_bottom_color">
<span>6元</span>
<p>（6积分）</p>
</li>
<li>
<span>18元</span>
<p>（18积分）</p>
</li>
<li>
<span>30元</span>
<p>（30积分）</p>
</li>
<li>
<span>50元</span>
<p>（50积分）</p>
</li>
<li>
<span>98元</span>
<p>（98积分）</p>
</li>
<li>
<span>198元</span>
<p>（198积分）</p>
</li>
</ul>
</div>
<div class="content_mode">
<div class="content_mode_top">
<div class="content_mode_left">充值方式</div>
<div class="content_mode_right">
<img class="content_mode_pic" src="./img/nongy.png" alt="">
<div class="content_mode_text">农业银行储蓄卡（5555）</div>
<img class="content_mode_pic2" src="./img/right2.png" alt="">
</div>
</div>
<div class="content_mode_bottom">去充值</div>
</div>
</div>
</body>
<script src="./js/js.js"></script>
</html>

259
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/css/1-75.css Normal file
View File

@@ -0,0 +1,259 @@
body{
margin: 0;
padding: 0;
font-size: 0;
background: #f5f5f9;
}
li{
list-style: none;
}
ul,li{
margin: 0;
padding: 0
}
.header{
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 1rem;
display: flex;
position: fixed ;
box-sizing: border-box;
justify-content:space-between;
align-items: center;
background: #fff;
padding: 0 0.3rem 0 0.3rem;
}
.header img{
width: 0.19rem;
height: 0.34rem;
}
.header_center{
font-size: 0.34rem;
color: #333333;
}
.header_right{
width: 0.19rem;
height: 0.34rem;
}
.content{
margin-top:1rem;
}
.content_wait{
display: flex;
justify-content: center;
align-items: center;
width: 7.5rem;
height: 2.32rem;
background: url(../img/75bj.png);
background-size: cover;
font-size: 0.42rem;
color: #ffffff;
}
.content_new{
height: 3.65rem;
margin-top: 0.24rem;
background: #fff;
padding:0 0.8rem 0 0.27rem;
box-sizing: border-box;
}
.content_top{
display: flex;
height: 2.09rem;
align-items: center;
border-bottom: 0.02rem solid #f5f5f9;
}
.content_top img{
width: 0.27rem;
height: 0.34rem;
margin-right: 0.27rem;
}
.content_top_right{
flex: 1;
box-sizing: border-box;
}
.test{
font-size: 0.28rem;
color: #393939;
}
.number{
font-size: 0.28rem;
color: #393939;
margin: 0.24rem 0 0.26rem 0;
}
.add{
box-sizing: border-box;
font-size: 0.24rem;
color: #393939;
}
.content_bottom{
height: 1.45rem;
display: flex;
align-items: center;
}
.content_bottom img{
width: 0.36rem;
height: 0.34rem;
margin-right: 0.2rem;
}
.content_bottom_words{
font-size: 0.28rem;
color: #393939;
}
.content_bottom_test{
font-size: 0.24rem;
color: #393939;
margin-top: 0.2rem;
}
.content_wait_urse{
height: 3.76rem;
margin-top: 0.19rem;
background: #fff;
padding-top: 0.2rem;
box-sizing: border-box;
}
.content_wait_urse_top{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0.28rem 0 0.28rem;
box-sizing: border-box;
}
.content_wait_urse_top img{
width: 0.58rem;
height: 0.58rem;
margin-right: 0.19rem;
}
.content_wait_urse_left{
display: flex;
align-items: center;
}
.content_wait_urse_name{
font-size: 0.34rem;
color: #080808;
}
.content_wait_urse_right{
display: flex;
}
.content_wait_urse_right li{
display: flex;
align-items: center;
justify-content: center;
width: 1.2rem;
height: 0.48rem;
border-radius: 0.24rem;
border: solid 0.02rem #0084f1;
font-size: 0.24rem;
color: #0084f1;
}
.wait_new{
margin-left: 0.3rem;
}
.content_wait_urse_center{
display: flex;
padding: 0.44rem 0.28rem 00.2rem 0.25rem;
box-sizing: border-box;
border-bottom: 0.01rem solid #f5f5f9;
}
.content_wait_urse_center img{
width: 1.52rem;
height: 1.52rem;
padding-right: 0.28rem;
}
.content_wait_text_top{
display: flex;
}
.content_wait_text_top_left{
font-size: 0.24rem;
color: #333333;
margin-right: 0.4rem;
}
.content_wait_text_top_right{
font-size: 0.28rem;
color: #333333;
}
.content_wait_text_bottom{
display: flex;
margin-top: 0.49rem;
justify-content: space-between;
}
.content_wait_text_bottom_left{
font-size: 0.24rem;
color: #979797;
}
.content_wait_text_bottom_right{
font-size: 0.28rem;
color: #333333;
}
.content_wait_urse_bottom{
display: flex;
height: 0.82rem;
justify-content: flex-end;
padding-right: 0.35rem;
box-sizing: border-box;
font-size: 0.24rem;
color: #333333;
align-items: center;
}
.content_wait_urse_bottom span{
font-size: 0.24rem;
color: #ff0b00;
}
.content_infor span{
font-size: 0.3rem;
color: #666666;
}
.content_infor{
margin-top: 0.2rem;
height: 4.83rem;
background: #fff;
display: flex;
flex-direction:column;
justify-content:space-between;
padding: 0.54rem 0.28rem 0.5rem 0.28rem;
}
.content_infor li{
font-size: 0.3rem;
color: #333333;
}
.content_infor_top{
display: flex;
justify-content: space-between;
}
.content_infor_right{
display: flex;
align-items: center;
justify-content: center;
width: 1.04rem;
height: 0.43rem;
border-radius: 0.02rem;
border: solid 0.01rem #d5d5d5;
font-size: 0.24rem;
color: #333333;
}
.content_infor img{
width: 0.19rem;
height: 0.34rem;
}
.content_goods{
display: flex;
justify-content: center;
align-items: center;
width: 6.5rem;
height: 0.8rem;
background-color: #5697f4;
border-radius: 0.4rem;
font-size: 0.34rem;
color: #ffffff;
margin: 0.41rem 0.5rem 0.41rem 0.5rem;
}

95
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/css/1-80.css Normal file
View File

@@ -0,0 +1,95 @@
body{
margin: 0;
padding: 0;
font-size: 0;
background:#f7f5f5;
}
ul,li{
margin: 0;
padding: 0;
}
li{
list-style: none;
}
.header{
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 1rem;
background:#fff;
position: fixed;
display: flex;
justify-content: space-between;
align-items:center;
padding: 0 0.24rem;
box-sizing: border-box;
}
.header_left{
width: 0.15rem;
height: 0.28rem;
}
.header_center{
font-size: 0.36rem;
color: #333333;
}
.header_right{
width: 0.15rem;
height: 0.28rem;
}
.content{
margin-top: 1.01rem;
background: #fff;
padding: 0 0.25rem;
box-sizing: border-box;
}
.content_ueser{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.01rem solid #f7f5f5;
height: 1.41rem;
background: #fff;
}
.content_ueser_left{
display: flex;
}
.content_ueser_left img{
width: 0.72rem;
height: 0.72rem;
margin-right: 0.25rem;
}
.content_ueser_left_name{
font-size: 0.28rem;
color: #333333;
}
.content_ueser_right{
display:flex;
align-items: center;
}
.content_ueser_right .content_ueser_look{
border: solid 0.01rem #498af5;
color: #498af5;
}
.content_ueser_right div{
display: flex;
align-items: center;
justify-content: center;
width: 1.2rem;
height: 0.63rem;
border-radius: 0.05rem;
border: solid 0.01rem #e1e1e1;
font-size: 0.28rem;
color: #aaaaaa;
margin-right: 0.18rem;
}
.content_ueser_right img{
width: 0.25rem;
height: 0.06rem;
}

167
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/css/1-83.css Normal file
View File

@@ -0,0 +1,167 @@
body{
margin: 0;
padding: 0;
font-size: 0;
background: #f5f5f9;
}
ul,li,p{
margin: 0;
padding: 0;
}
.header {
z-index: 99;
left: 0;
top: 0;
width: 100%;
height: 1rem;
display: flex;
position: fixed ;
box-sizing: border-box;
padding: 0 0.3rem;
justify-content:space-between;
align-items: center;
background: #fff;
}
.header img{
width: 0.19rem;
height: 0.34rem;
}
.header_center{
font-size: 0.34rem;
color: #333333;
}
.header_right{
width: 0.19rem;
height: 0.34rem;
}
.content{
margin-top: 1.01rem;
}
.content_top{
height: 1.72rem;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 0 0.4rem 0 0.27rem;
box-sizing: border-box;
margin-bottom: 0.1rem;
}
.content_text{
font-size: 0.34rem;
color: #333333;
}
.content_num{
font-size: 0.36rem;
color: #f09c48;
}
.content_center_top{
height: 1.17rem;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.28rem 0 0.29rem;
background: #fff;
margin-bottom: 0.01rem;
}
.content_center_top_right{
font-size: 0.34rem;
color: #000000;
}
.content_center_top_left{
font-size: 0.32rem;
color: #bfbfbf;
}
.content_center_bottom{
height: 3.66rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0.24rem 0 0.24rem;
box-sizing: border-box;
background: #fff;
margin-bottom: 0.1rem;
}
.content_center_bottom .content_bottom_color{
border: solid 0.02rem #5697f4;
}
.content_center_bottom .content_bottom_color span{
font-size: 0.32rem;
color: #5697f4;
}
.content_center_bottom .content_bottom_color p{
font-size: 0.24rem;
color: #5697f4;
}
.content_center_bottom li{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 2.22rem;
height: 1.21rem;
background-color: #ffffff;
border-radius: 0.1rem;
border: solid 0.01rem #c1c1c1;
box-sizing: border-box;
}
.content_center_bottom span{
padding-bottom: 0.19rem;
font-size: 0.32rem;
color: #6c6c6c;
}
.content_center_bottom p{
font-size: 0.24rem;
color: #6c6c6c;
}
.content_mode{
height: 5.52rem;
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content_mode_top{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.28rem 0.32rem 0 0.3rem;
}
.content_mode_left{
font-size: 0.34rem;
color: #1b1b1b;
}
.content_mode_right{
display: flex;
justify-content: flex-end;
align-items: center;
box-sizing: border-box;
}
.content_mode_pic{
width: 0.32rem;
height: 0.32rem;
}
.content_mode_text{
font-size: 0.28rem;
color: #1b1b1b;
padding: 0 0.2rem 0 0.11rem;
}
.content_mode_pic2{
width: 0.1rem;
height: 0.19rem;
}
.content_mode_bottom{
display: flex;
align-items: center;
justify-content: center;
width: 7.2rem;
height: 0.88rem;
background-color: #5697f4;
font-size: 0.34rem;
color: #ffffff;
margin: 0 0.15rem 0.2rem 0.15rem;
}

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75bj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75cp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75dw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75pl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/75tx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/beij.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/dp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/fh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/fstx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/hm_bg_img_no.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/left1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/nongy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/pht1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/pht2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/right copy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/right2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/se1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/yuan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/img/z.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

11
历届学生/fontendsix/项目练习/学生项目/计梦梦/10.30/js/js.js Normal file
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";
}

138
历届学生/fontendsix/项目练习/学生项目/计梦梦/22/22.html Normal file
View File

@@ -0,0 +1,138 @@
<!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>
</head>
<body>
<div class="heart">
<img src="" alt="">
<div>
<ul>
<li><img src="" alt=""><span></span></li>
<li><img src="" alt=""><span></span></li>
<li><img src="" alt=""><span></span></li>
</ul>
<input type="text">
<img src="" alt="">
</div>
<div>
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="content">
<ul>
<li>
<h3></h3>
<p></p>
<div></div>
</li>
<li>
<h3></h3>
<p></p>
<div></div>
</li>
<li>
<div>
<h3></h3>
<p></p>
<div></div>
</div>
<img src="" alt="">
</li>
<li>
<div>
<h3></h3>
<p></p>
<div></div>
</div>
<img src="" alt="">
</li>
<li>
<h3></h3>
<p></p>
<div></div>
</li>
<li>
<div>
<h3></h3>
<p></p>
<div></div>
</div>
<img src="" alt="">
</li>
</ul>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div>
<img src="span" alt="">
<div>
<p></p>
<p></p>
</div>
</div>
<div>
<div>
<span></span>
<div>
<img src="" alt="">
<span></span>
</div>
</div>
<ul>
<li>
<img src="" alt="">
<div>
<p></p>
<p></p>
</div>
<div>
<img src="" alt="">
<span></span>
</div>
</li>
<li>
<img src="" alt="">
<div>
<p></p>
<p></p>
</div>
<div>
<img src="" alt="">
<span></span>
</div>
</li>
<li>
<img src="" alt="">
<div>
<p></p>
<p></p>
</div>
<div>
<img src="" alt="">
<span></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>

56
历届学生/fontendsix/项目练习/学生项目/计梦梦/22/333.html Normal file
View File

@@ -0,0 +1,56 @@
<!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>
</head>
<body>
<div>
<div>
<span>24小时热文</span>
</div>
<ul>
<li>
<div>
<span></span>
<img src="" alt="">
</div>
<a href="">台风过后这种“仙女环”频频出现！有剧毒！千万别碰</a>
<a href=""></a>
</li>
<li>
<span></span>
<a href=""></a>
<a href=""></a>
</li>
<li>
<span></span>
<a href=""></a>
<a href=""></a>
</li>
<li>
<span></span>
<a href=""></a>
<a href=""></a>
</li>
<li>
<span></span>
<a href=""></a>
<a href=""></a>
</li>
<li>
<span></span>
<a href=""></a>
<a href=""></a>
</li>
</ul>
</div>
</body>
</html>

10
历届学生/fontendsix/项目练习/学生项目/计梦梦/22/css/clear.css Normal file
View File

@@ -0,0 +1,10 @@
ul,li{
list-style: none;
}
a{
text-decoration: none;
}
body,ul{
margin: 0;
padding: 0;
}

15
历届学生/fontendsix/项目练习/学生项目/计梦梦/22/css/nav.css Normal file
View File

@@ -0,0 +1,15 @@
.top {
height: 38px;
background: red;
}
.top ul{
height: 38px;
line-height: 38px;
}
.top ul li {
float: left;
margin-right: 20px;
}
.top li a {
color: azure;
}

5
历届学生/fontendsix/项目练习/学生项目/计梦梦/22/css/public.css Normal file
View File

@@ -0,0 +1,5 @@
.center {
background: green;
width: 1100px;
margin: 0 auto;
}

35
历届学生/fontendsix/项目练习/学生项目/计梦梦/22/nav.html Normal file
View File

@@ -0,0 +1,35 @@
<!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="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/nav.css">
</head>
<body>
<div class="top">
<div class="center">
<ul>
<li>
<a href="">首页</a>
</li>
<li>
<a href="">HTML</a>
</li>
<li>
<a href="">js</a>
</li>
<li>
<a href="">css</a>
</li>
</ul>
</div>
</div>
</body>
</html>

139
历届学生/fontendsix/项目练习/学生项目/计梦梦/22/结构.html Normal file
View File

@@ -0,0 +1,139 @@
<!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>
</head>
<body>
<div class="header">
<div class="loge">
<img src="" alt="">
<div>
<div>
<div>
<div>
<span></span>
<img src="" alt="">
</div>
</div>
<input type="text" name="" id="">
</div>
<div>搜狗搜索</div>
</div>
<div>
<a href="">
<img src="" alt="">
</a>
<a href="">
<img src="" alt="">
</a>
<a href="">登录</a>
</div>
</div>
<ul class="nav">
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
</ul>
</div>
<div class="content">
<div class="top">
<img src="" alt="">
<img src="" alt="">
</div>
<div class="left">
<div class="left1">
<div>
<div>
<ul>
<li></li>
<li></li>
</ul>
<div>
<span></span>
<img src="" alt="">
<span></span>
</div>
</div>
</div>
<div>
<p></p>
<ul>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
<li>
<img src="" alt="">
<span></span>
</li>
</ul>
</div>
</div>
<div class="rigth">
<div>
<span></span>
</div>
<div>
<p></p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div>
<div>
<img src="" alt="">
<img src="" alt="">
</div>
<span></span>
</div>
</div>
</div>
</div>
<div class="right1">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<div>
<span></span>
<span></span>
<span></span>
<img src="" alt="">
</div>
<div>
<img src="" alt="">
<div>
<img src="" alt="">
<p></p>
</div>
</div>
<ul>
<li>
<a href="">
<img src="" alt="">
</a>
<a href=""></a>
</li>
</ul>
</div>
</div>
</body>
</html>

92
历届学生/fontendsix/项目练习/学生项目/计梦梦/33/1.html Normal file
View File

@@ -0,0 +1,92 @@
<!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>
<style>
li {
list-style: none;
}
body,ul{
margin: 0;
padding: 0;
}
.top {
width: 50px;
margin-left: 15px;
}
.top li {
margin-top: 20px;
position: relative;
}
.list {
position: absolute;
height: 150px;
width: 100px;
background: red;
display: none;
margin-left: 10px;
}
.top li:hover .list {
display: inline-block;
}
.list-1:hover {
background: green;
color: #fff;
}
.list-1 {
padding-top: 10px;
}
</style>
</head>
<body>
<ul class="top">
<li>首页
<div class="list">
<div class="list-1">11111</div>
<div class="list-1">11111</div>
<div class="list-1">11111</div>
<div class="list-1">11111</div>
</div>
</li>
<li>html
<div class="list">
<div class="list-1">22222</div>
<div class="list-1">22222</div>
<div class="list-1">22222</div>
<div class="list-1">22222</div>
</div>
</li>
<li>css
<div class="list">
<div class="list-1">3333</div>
<div class="list-1">3333</div>
<div class="list-1">3333</div>
<div class="list-1">3333</div>
</li>
<li>js
<div class="list">
<div class="list-1">4444</div>
<div class="list-1">44444</div>
<div class="list-1">4444</div>
<div class="list-1">4444</div>
</li>
</ul>
</body>
</html>

110
历届学生/fontendsix/项目练习/学生项目/计梦梦/33/22.html Normal file
View File

@@ -0,0 +1,110 @@
<!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>
</head>
<style>
* {
padding: 0;
margin: 0;
}
.top {
position: relative;
width: 520px;
height: 280px;
background: turquoise;
margin: 0 auto;
}
.top-left,
.top-right {
width: 40px;
height: 40px;
display: none;
position: absolute;
line-height: 30px;
margin-top: 90px;
}
.top:hover .top-left {
display: block;
}
.top:hover .top-right {
display: block;
}
.top-left {
left: 10px;
}
.top-right {
right: 10px;
}
p {
position: absolute;
bottom: 50px;
margin-left: 10px;
font-weight: 5px;
font-size: 20px;
color: #fff;
}
li {
list-style: none;
}
.www {
position: absolute;
bottom: 20px;
width: 100px;
left: 50%;
margin-left: -50px;
height: 10px;
}
.www li {
float: left;
width: 10px;
height: 10px;
background-color: #d1cbcb;
border-radius: 50%;
margin-right: 15px;
}
.www .span2 {
width: 30px;
height: 10px;
border-radius: 20px;
background-color: yellow
}
</style>
<body>
<div class="top">
<img class="top-left" src="./left.png" alt="">
<img class="top-right" src="./right.png" alt="">
<p>猪肉价格继续降？秋收如何？权威回应</p>
<ul class="www">
<li></li>
<li class="span2"></li>
<li></li>
</ul>
</div>
</body>
</html>

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/33/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/33/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/ax.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/huo (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/ks.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/rm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/sp.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/top.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 803 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/xx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 506 B

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/上传视频.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/搜索 (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/img/钱包.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

535
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/ks.css Normal file
View File

@@ -0,0 +1,535 @@
*{
margin: 0;
padding:0;
}
li{
list-style: none;
}
.heard{
width: 100%;
height: 390px;
background: url(.//img/top.png) no-repeat;
}
.heard_bt{
width: 100%;
height: 70px;
position: fixed;
background: black;
}
.center2{
width:1126px;
height: 800px;
margin: 0 auto;
}
.center{
height:70px;
width:1126px;
margin: 0 auto;
line-height: 70px;
}
.center .center_lgt{
width: 81px;
height: 70px;
float: left;
}
.heardz_left{
float: left;
width:367px;
margin-left: 35px;
}
.heardz_left_li{
float: left;
color: #fff;
margin-right: 20px;
}
.heardz_left_li img{
float: right;
width: 20px;
height: 20px;
display: block;
margin-top: 28px;
}
.heard_sousu_left{
float: left;
}
.heard_sousu{
float: left;
line-height: 70px;
margin: 0 auto;
}
.heard_sousu_left input{
width: 260px;
height: 44px;
line-height: 44px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background-color: #fff;
border: 1px solid #969696;
border-right: none;
box-sizing: border-box;
}
.heard_sousu_right{
float:left;
width:80px;
height:43px;
line-height:44px;
align-items: center;
background-color: red;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
margin-top: 15px;
padding:0 5px;
box-sizing: border-box;
}
.heard_sousu_right img{
width:20px;
height: 20px;
margin-right:4px;
line-height:15px ;
}
.heardz_right{
float: right;
margin: 10px 0;
box-sizing: border-box;
}
.heardz_right img{
margin: 0 auto;
width:20px;
height: 20px;
display: block;
margin-bottom: 10px;
margin-right: 15px;
}
.heardz_right li{
margin-top: 6px;
line-height: 0;
float: left;
width: 56px;
height: 50px;
margin-left:30px;
}
.list_two_t_text{
padding-top:0;
}
.heardz_right span{
font-size: 14px;
color: #fff;
}
.heardz_right .heardz_right_dl{
margin: 0 auto;
margin-left: 20px;
line-height:50px;
color: #fff;
width:84px;
height: 50px;
background-color: red;
border-radius:20px;
text-align: center;
}
.conten_sy{
width: 1125px;
height:780px;
}
.center_list{
width: 1126px;
height: 70px;
padding: 0 20px;
}
.center_li{
margin-top: 20px;
float: left;
width: 92px;
height: 40px;
margin-left:45px;
line-height: 40px;
font-weight: 600;
color: #000;
font-size:14px;
border-radius:20px;
text-align:center;
background: #969696;
}
.conten_lf{
float: left;
height: 755px;
width: 710px;
}
.conten_lfs{
height: 45px;
padding-top: 10px;
box-sizing: border-box;
}
.conten_lfsz{
float: left;
}
.conten_lfsy{
float: right;
}
.conten_lfsz_sp{
margin-right: 20px;
font-weight: bolder;
color: #111;
}
.conten_lfsz_gd,.center_sjl{
font-size: 13px;
color: #999;
}
.conten_lfxm{
width: 710px;
height: 730px;
}
.conten_lfxm_tuy{
width: 159.5px;
height:280px ;
}
.conten_lfxm_sp_tu img{
height: 14px;
width: 14px;
margin-right: 6px;
}
.conten_lfxm_sp_xih{
font-size: 13px;
color: #999;
}
.conten_lfxm_sp h5{
padding-top:10px;
}
.conten_lfxm_sp{
float: left;
margin-right:24px;
}
.conten_lfxm_sp:nth-child(4n){
margin-right:0px;
}
.conte_zxm_tp{
margin-top:48px;
}
.conten_rg{
overflow: hidden;
width: 400px;
float: right;
}
.conten_rg_xr{
background: rgb(161, 166, 167);
}
.header_right_rem_xl_t img{
width: 16px;
height: 16px;
}
.header_right_rem_xl_rmtp{
width:30px;
height:30px;
right:0px;
top: 20px;
}
.header_right_rem_xl_h{
line-height: 68px;
float: left;
display: block;
color: orange;
font-size: 25px;
margin: 0 10px;
}
.header_right_rem_xl{
width: 383px;
height: 70px;
position: relative;
border-bottom: 1px solid #969696;
}
.header_right_rem_xl_yedw{
float: left;
margin-bottom: 0px;
}
.header_right_rem_xl_rmtp img{
width:30px;
height:30px;
right:0px;
top: 20px;
position: absolute;
}
.header_right_rem_xl_p{
margin-top: 20px;
font-weight: 500;
max-width: 240px;
}
.header_right_rem_xl_t{
margin-top: 10px;
}
.header_right_rem_xl_rdy{
color: #999;
font-size: 13px;
}
/* /* *{
margin: 0;
padding:0;
}
li{
list-style: none;
}
.header_backimg{
width:100%;
position: relative;
}
.header_backimg img{
width:100%;
height: 360px;
position: absolute;
}
.header_ones{
width:100%;
height: 70px;
background-color:#000;
padding-left:120px;
padding-right:30px;
display: flex;
position: fixed;
z-index:9;
}
.list_one,.list_one_o{
display: flex;
align-items: center;
}
.header_ones img{
width: 162px ;
height: 70px ;
}
.list_one_o{
font-size: 14px;
color: #fff;
margin:0 15px;
}
.list_one_o img{
width:20px ;
height: 20px;
margin-left: 5px;
}
.search{
display: flex;
align-items: center;
margin-left:100px;
}
.search_left{
width: 260px;
height: 44px;
line-height: 44px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
background-color: #fff;
padding:0 14px;
box-sizing: border-box;
}
.search_right{
width: 80px;
height: 44px;
line-height: 44px;
display: flex;
align-items: center;
background-color: red;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
padding:0 5px;
box-sizing: border-box;
}
.search_right img{
width:20px;
height: 20px;
margin-right:4px;
}
.search_right span{
font-size:16px;
color: #fff;;
}
.list_two{
display: flex;
align-items: center;
margin-left:20px;
}
.list_two_t{
width:56px;
top:0;
transform: translateY(5%);
margin-right:20px;
}
.list_two_t img{
width:20px;
height: 20px;
display: block;
margin-left: 18px;
}
.list_two_t_text{
font-size:14px;
color: #fff !important;
}
.list_two_w{
width:84px;
height: 43px;
background-color: red;
border-radius:20px;
text-align: center;
line-height:43px;
color: #fff;
}
.center{
width:100%;
height: 500px;
position: absolute;
margin-top:400px;
}
.center_list{
display: flex;
align-items: center;
justify-content: space-around;
}
.center_list li{
width:92px;
height: 40px;
font-size:14px;
color:#000;
list-style: none;
border-radius:20px;
background-color:#dad2d2;
text-align: center;
line-height:40px;
}
.center_left{
margin-top: 50px;
margin-left:30px;
width: 710px;
}
.center_left_gd{
font-size: 13px;
color: #999;
}
.center_left_s{
width:680px;
}
.center_left_s .center_jc{
padding-right:20px;
font-weight: bolder;
font-size: 18px;
font-weight: bolder;
color: #111;
}
.center_sj{
float: right;
}
.center_sjl{
padding-left:20px;
font-size: 13px;
color: #999;
}
.center_jcds{
display: flex;
height:330px;
margin-top: 15px;
width: 710px;
}
.center_jcds_tu{
margin-right: 24px;
width: 159.5px;
height:110px ;
box-sizing: border-box;
}
.center_jcds_tu img{
width: 100%;
height: 263px;
border-radius: 6px
}
.center_jcds_tu h5{
margin: 0;
color: #111;
padding-top: 15px;
}
.center_jcds_tu_xh{
font-size: 13px;
color: #999;
}
.center_jcds_tu_z img{
height: 14px;
width: 14px;
margin-right: 6px;
}
.center_jcds_tu_z{
padding-top:3px;
}
.header_right{
width: 416px;
float: right;
padding: 0 16.5px;
margin-top:-720px;
margin-right: 70px;
}
.center_left_sk{
width: 450px;
}
.header_right_rem{
margin-right: 50px;
width: 416px;
margin-top: 20px;
padding: 0 20px;
background: #dad2d2;
}
.header_right_rem_xl{
width: 383px;
height: 68px;
border-bottom: 1px solid #969696;
}
.header_right_rem_xl_h{
line-height: 68px;
float: left;
display: block;
color: orange;
font-size: 25.6px;
margin-right: 5.6px;
}
.header_right_rem_xl_p{
margin-top: 20px;
font-weight: 500;
max-width: 240px;
line-height: 15.6px;
}
.header_right_rem_xl_t img{
margin-top: 10px;
width: 16px;
height: 16px;
}
.header_right_rem_xl_rdy{
color: #999;
font-size: 13px;
}
.header_right_rem_xl_rmtp{
position: relative;
}
.header_right_rem_xl_rmtp img{
position: absolute;
width:30px;
height:30px;
right:0px;
top: 20px;
}
.header_right_rem_xl_yedw{
float: left;
} * */

252
历届学生/fontendsix/项目练习/学生项目/计梦梦/ks/ks.html Normal file
View File

@@ -0,0 +1,252 @@
<!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="./ks.css">
<link rel="stylesheet" href="http//at.alicdn.com/t/font_2882869_ykb64gbuupf.css">
</head>
<body>
<div class="heard">
<div class="heard_bt">
<div class="center">
<img class="center_lgt" src="../ks/img/ks.png" alt="">
<ul class="heardz_left">
<li class="heardz_left_li">我的关注</li>
<li class="heardz_left_li">我的关注</li>
<li class="heardz_left_li">我的关注<img src="../ks/img/xx.png" alt=""></li>
</ul>
<div class="heard_sousu">
<div class="heard_sousu_left">
<input type="text" value="" placeholder="输入你想输入的neir">
</div>
<div class="heard_sousu_right">
<img src="../ks/img/搜索 (1).png" alt="">
<span>搜索</span>
</div>
</div>
<ul class="heardz_right">
<li>
<img src="../ks/img/上传视频.png" alt="">
<span class="list_two_t_text">上传视频</span>
</li>
<li>
<img src="../ks/img/上传视频.png" alt="">
<span class="list_two_t_text">上传视频</span>
</li>
<li class="heardz_right_dl">登录</li>
</ul>
</div>
</div>
</div>
<div class="conten center2">
<ul class="center_list">
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
<li class="center_li"> 我的关注 </li>
</ul>
<div class="conten_sy">
<div class="conten_lf">
<div class="conten_lfs">
<div class="conten_lfsz">
<span class="conten_lfsz_sp">精彩视频</span>
<span class="conten_lfsz_gd">更多></span>
</div>
<div class="conten_lfsy">
<span class="center_sjl"> &lt;</span>
<span class="center_sjl">1/15</span>
<span class="center_sjl">&gt;</span>
</div>
</div>
<ul class="conten_lfxm">
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
<li class="conten_lfxm_sp conte_zxm_tp">
<img class="conten_lfxm_tuy" src="../ks/img/sp.jpg" alt="">
<h5> #思维游戏 </h5>
<div class="conten_lfxm_sp_tu">
<img src="../ks/img/ax.png" alt="">
<span class="conten_lfxm_sp_xih">1.4w喜欢</span>
</div>
</li>
</ul>
</div>
<div class="conten_rg">
<div class="conten_lfs">
<div class="conten_lfsz">
<span class="conten_lfsz_sp">快手热榜</span>
</div>
<div class="conten_lfsy">
<span class="center_sjl"> &lt;</span>
<span class="center_sjl">1/15</span>
<span class="center_sjl">&gt;</span>
</div>
</div>
<ul class="conten_rg_xr">
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
<li class="header_right_rem_xl">
<span class="header_right_rem_xl_h">1</span>
<div class="header_right_rem_xl_yedw">
<p class="header_right_rem_xl_p"> 北京野生动物园一游客冲向虎群 </p>
<span class="header_right_rem_xl_t"><img src="../ks/img/huo (1).png" alt=""></span>
<span class="header_right_rem_xl_rdy"> 1189.3w热度</span>
</div>
<div class="header_right_rem_xl_rmtp"><img src="../ks/img/rm.png" alt=""></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/33.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/4477390cdcb049e2932cb32acddcdd23.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/54fbff9133ce4b0db83295723c03cf56.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/gt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/nv.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/pz.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/计梦梦/souhu/img/souhu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

Some files were not shown because too many files have changed in this diff Show More