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

13
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/css/clear.css Normal file
View File

@@ -0,0 +1,13 @@
body,ul,li,p,h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
}
input {
outline: none;
}

244
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/css/index120.css Normal file
View File

@@ -0,0 +1,244 @@
.head{
width: 7.5rem;
height: 4.71rem;
background: url(../img/120img/背景2.png);
background-size: cover;
}
.head_top{
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 0.36rem ;
padding-left: 0.26rem;
}
.head_top img{
margin-top: 0.83rem;
width: 0.26rem;
height: 0.27rem;
}
.zijin{
margin-top: 0.77rem;
width: 1.36rem;
font-size: 0.34rem;
color: #ffffff;
margin-left: 1.1rem;
}
.shouzhi{
margin-top: 0.78rem;
width: 1.36rem;
font-size: 0.34rem;
color: #ffffff;
}
.head_bottom{
display: flex;
flex-direction: column;
align-items: center;
margin-top: 0.53rem;
}
.head_bottom p{
font-size: 0.24rem;
color: #ffffff;
}
.head_bottom h2{
font-size: 0.86rem;
color: #ffffff;
}
.head_bottom .tixian{
width: 2.41rem;
height: 0.71rem;
background-color: #ffffff;
border-radius: 0.355rem;
opacity: 0.8;
font-size: 0.32rem;
color: #2692ff;
text-align: center;
line-height: 0.71rem;
}
.content{
height: 8.63rem;
background-color: rgb(238, 238, 243);
position: relative;
}
.income{
width: 6.94rem;
height: 3.02rem;
background-color: #ffffff;
border-radius: 0.1rem;
margin: 0 auto;
margin-top: -0.41rem;
margin-left: 0.27rem;
position: absolute;
}
.income_top{
display: flex;
justify-content: space-evenly;
height: 1.51rem;
align-items: center;
position: relative;
}
.income_top::after{
content: "";
position: absolute;
width: 6.31rem;
height: 0.01rem;
background-color: #f4f4f7;
margin-top: 1.5rem;
}
.income_top li{
display: flex;
flex-direction: column;
text-align: center;
}
.income_top .leijishouru::after{
content: "";
position: absolute;
width: 0.01rem;
height: 0.91rem;
background-color: #ececf2;
margin-left: -0.66rem
}
.income_bottom{
display: flex;
justify-content: space-evenly;
height: 1.51rem;
align-items: center;
position: relative;
}
.income_bottom li{
display: flex;
flex-direction: column;
text-align: center;
}
.leijizhichu::after{
content: "";
position: absolute;
width: 0.01rem;
height: 0.91rem;
background-color: #ececf2;
margin-left: -0.66rem
}
.income_top li p{
font-size: 0.24rem;
line-height: 0.42rem;
color: #646464;
}
.income_top li span{
font-size: 0.34rem;
line-height: 0.42rem;
color: #333333;
}
.income_bottom li p{
font-size: 0.24rem;
line-height: 0.42rem;
color: #646464;
}
.income_bottom li span{
font-size: 0.34rem;
line-height: 0.42rem;
color: #333333;
}
.cash{
position: absolute;
bottom: 2.33rem;
margin-left: 0.27rem;
}
.cash_top{
font-size: 0.34rem;
color: #333333;
margin-bottom: 0.31rem;
}
.cash_bottom{
width: 6.94rem;
height: 2.38rem;
background-color: #ffffff;
border-radius: 0.1rem;
display: flex;
justify-content: space-around;
align-items: center;
}
.weixin{
width: 3.01rem;
height: 1.2rem;
background-color: #ffffff;
border-radius: 0.05rem;
border: solid 0.01rem #d9e1e9;
display: flex;
justify-content: center;
align-items: center;
}
.active{
border: solid 0.01rem #74b9ff !important;
}
.yinhangka{
width: 3.01rem;
height: 1.2rem;
background-color: #ffffff;
border-radius: 0.05rem;
border: solid 0.01rem #d9e1e9;
display: flex;
justify-content: center;
align-items: center;
}
.cash_bottom img{
width: 0.6rem;
height: 0.6rem;
margin-right: 0.21rem;
}
.cash_bottom span{
font-size: 0.28rem;
line-height: 0.42rem;
color: #333333;
}
.foot{
position: fixed;
width: 100%;
height: 1rem;
background-color: #ffffff;
bottom: 0;
left: 0;
}
.tixian{
width: 6.8rem;
height: 0.8rem;
background-color: #5697f4;
border-radius: 0.4rem;
font-size: 0.34rem;
line-height: 0.42rem;
color: #eeeef3;
text-align: center;
line-height: 0.8rem;
margin: 0 auto;
margin-top: 0.1rem;
}

118
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/css/index130.css Normal file
View File

@@ -0,0 +1,118 @@
.content{
width: 100%;
color: #fff;
position: relative;
padding-bottom: 2.95rem;
}
.head_left{
height: 0.9rem;
}
.head_left img{
width: 0.2rem;
height: 0.35rem;
position: absolute;
margin-top: 0.67rem;
margin-left: 0.21rem;
}
.zhuce{
margin-top: 1.78rem;
margin-left: 0.62rem;
margin-right: 0.6rem;
}
.zhuce h2{
font-size: 0.54rem;
font-weight: bold;
color: #000000;
margin-bottom: 1.25rem;
}
.yanzhengma_text{
margin-left: 0.68rem;
width: 1.38rem;
height: 0.52rem;
background-color: #f2f6f9;
border-radius: 0.26rem;
font-size: 0.24rem;
color: #555555;
text-align: center;
line-height: 0.52rem;
}
.zhuce_bottom input{
border: none;
font-size: 0.28rem;
width: 3.4rem;
}
.zhuce_bottom li{
margin-bottom: 0.65rem;
display: flex;
align-items: center;
}
.zhuce_bottom li:last-child{
margin-bottom: 0;
}
.zhuce_bottom{
position: relative;
}
.zhuce_bottom li::after{
content: "";
width: 6.3rem;
height: 0.01rem;
background-color: #d9e2e9;
position: absolute;
margin-top: 0.96rem;
}
.zhuce_bottom li img{
margin-right: 0.3rem;
}
.shouji{
width: 0.3rem;
height: 0.42rem;
background-color: #a4b8d4;
border-radius: 0.02rem;
border: solid 0.02rem #a4b8d4;
}
.yanzheng{
width: 0.32rem;
height: 0.24rem;
background-color: #a4b8d4;
border-radius: 0.04rem;
}
.mima{
width: 0.3rem;
height: 0.36rem;
}
.xieyi {
display: flex;
justify-content: flex-start;
margin-top: 0.65rem;
align-items: center;
}
.xieyi input{
width: 0.18rem;
height: 0.18rem;
margin-right: 0.12rem;
background-color: #79c9ff;
}
.xieyi p{
font-size: 0.2rem;
color: #333333;
}
.xieyi p span{
font-size: 0.2rem;
color: #79c9ff;
}
.now{
width: 6.3rem;
height: 0.98rem;
background-color: #5697f4;
border-radius: 0.49rem;
font-size: 0.34rem;
line-height: 0.36rem;
color: #ffffff;
text-align: center;
line-height: 0.98rem;
margin-top: 0.53rem;
}

317
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/css/index22.css Normal file
View File

@@ -0,0 +1,317 @@
.head{
height: 0.9rem;
background-color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.head::after{
content: "";
position: absolute;
width: 7.5rem;
height: 0.02rem;
background-color: #d9e2e9;
margin-top: 0.8rem;
}
.head_left,.head_middle,.head_right{
width: 1.36rem;
height: 0.33rem;
}
.head_left img{
width: 0.2rem;
height: 0.33rem;
margin-left: 0.3rem;
}
.head p{
font-size: 0.34rem;
color: #333333;
margin-top: -5px;
}
.content{
background-color: #f2f2f2;
}
.xinxi{
height: 1.26rem;
padding: 0 0.3rem;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
}
.xinxi_left_top{
display: flex;
margin-bottom: 0.17rem;
}
.xinxi_left_top p{
font-size: 0.3rem;
color: #333333;
margin-right: 0.52rem;
}
.xinxi_left_bottom{
font-size: 0.24rem;
color: #333333;
}
.xinxi_right img{
width: 0.14rem;
height: 0.26rem;
}
.zhifu{
height: 0.84rem;
background-color: #ffffff;
border-radius: 0.1rem;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.19rem;
margin-bottom: 0.16rem;
}
.zhifu p{
font-size: 0.28rem;
color: #333333;
}
.zhifu_left{
margin-left: 0.26rem;
}
.zhifu_right{
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 0.43rem;
}
.zhifu_right img{
width: 0.31rem;
height: 0.06rem;
}
.jiesuan li{
margin-top: 0.16rem;
}
.jiesuan_name{
height: 0.62rem;
line-height: 0.62rem;
background-color: #ffffff;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.24rem;
margin-bottom: 0.02rem;
}
.jiesuan_name .xiaodianpu{
width: 0.24rem;
height: 0.22rem;
}
.jiesuan_name p{
font-size: 0.26rem;
color: #333333;
margin-left: 0.06rem;
margin-right: 0.16rem;
}
.jiesuan_name .right{
width: 0.1rem;
height: 0.19rem;
}
.juesuan_chanping{
background-color: #ffffff;
}
.juesuan_chanping li{
margin-top: 0;
}
.juesuan_chanping_list{
height: 2.22rem;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.24rem;
padding-right: 0.76rem;
}
.juesuan_chanping_left img{
width: 2rem;
height: 1.65rem;
border-radius: 0.06rem;
margin-right: 0.36rem;
}
.juesuan_chanping_right{
width: 4.1rem
}
.juesuan_chanping_right_text{
width: 3.18rem;
font-size: 0.28rem;
color: #333333;
}
.shuxing{
display: flex;
align-items: center;
}
.shuxing p{
font-size: 0.2rem;
color: #999999;
margin-right: 0.36rem;
}
.jiage{
display: flex;
justify-content: space-between;
align-items: center;
}
.jiage_left .fuhao{
font-size: 0.2rem;
color: #ea4e3d;
}
.jiage_left .qiansan{
font-size: 0.34rem;
color: #ea4e3d;
}
.jiage_left .housan{
font-size: 0.24rem;
color: #ea4e3d;
}
.jiage_right{
font-size: 0.2rem;
color: #999999;
}
.beizhu{
height: 0.88rem;
background-color: #ffffff;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.3rem;
margin: 0.02rem 0;
}
.beizhu p{
font-size: 0.3rem;
color: #333333;
margin-right: 0.31rem;
}
.beizhu input{
width: 4.9rem;
border: none;
}
.jianmian{
height: 1.08rem;
background-color: #ffffff;
padding: 0 0.3rem;
line-height: 0.54rem;
}
.jianmian li{
margin-top: 0rem;
}
.jianmian_youhui{
display: flex;
justify-content: space-between;
align-items: center;
}
.jianmian_youhui p{
font-size: 0.24rem;
color: #333333;
}
.jianmian_youhui span{
font-size: 0.24rem;
color: #f09c48;
}
.jianmian_feiyong{
display: flex;
justify-content: space-between;
align-items: center;
}
.jianmian_feiyong p{
font-size: 0.24rem;
color: #333333;
}
.jianmian_feiyong span{
font-size: 0.24rem;
color: #333333;
}
.jiner{
height: 0.84rem;
background-color: #ffffff;
border-radius: 0rem 0rem 0.1rem 0.1rem;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0.31rem;
padding-right: 0.26rem;
margin-top: 0.02rem;
}
.jiner p{
font-size: 0.3rem;
color: #333333;
}
.jiner span{
font-size: 0.34rem;
color: #ea4e3d;
}
.foot{
position: fixed;
bottom: 0;
left: 0;
width: 7.5rem;
height: 0.92rem;
background-color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 0.22rem;
}
.foot_text{
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.1rem;
}
.foot_text p{
font-size: 0.26rem;
color: #c6c6c6;
margin-right: 0.14rem;
}
.foot_text span{
font-size: 0.26rem;
color: #999999;
}
.foot_money{
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.42rem;
}
.foot_money p{
font-size: 0.3rem;
color: #000000;
}
.foot_money span{
font-size: 0.24rem;
color: #000000;
}
.foot_jiesuan{
width: 1.92rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
font-size: 0.28rem;
line-height: 0.66rem;
color: #ffffff;
text-align: center;
margin-right: 0.24rem;
}

184
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/css/index46.css Normal file
View File

@@ -0,0 +1,184 @@
.header{
width: 7.5rem;
height: 5.5rem;
background: url(../img/46img/timg.png);
background-size: cover;
}
.head_top{
padding: 0.1rem;
display: flex;
justify-content: center;
align-items: center;
}
.head_top li{
margin-left: 0.16rem;
}
.head_top li a{
font-size: 0.36rem;
color: #ffffff;
margin-right: 0.2rem;
}
.camera img{
position: fixed;
right: 0.43rem;
top: 0.81rem;
width: 0.62rem;
height: 0.48rem;
}
.content{
padding: 0.42rem 0.41rem 0rem 0.24rem;
}
.dianpuxuanchuan .dianpu{
margin-bottom: 0.52rem;
}
.dianpuxuanchuan li:last-child{
margin-bottom: 0;
}
.dianpu{
display: flex;
}
.dianpu_left{
position: relative;
margin-right: 0.23rem;
}
.tubiao{
position: absolute;
right: 0;
top: 0.64rem;
}
.dianputouxiang{
width: 0.86rem;
height: 0.86rem;
}
.dianputubiao{
width: 0.27rem;
height: 0.29rem;
background-color: #ea4e3d;
border-radius: 0.05rem;
}
.dianpu_right_name{
display: flex;
justify-content: space-between;
align-items: center;
}
.dianpu_right_name p{
font-size: 0.3rem;
color: #5a6f92;
}
.dianpu_right_name span{
font-size: 0.24rem;
color: #999999;
}
.dianpu_right_text {
font-size: 0.24rem;
line-height: 0.36rem;
color: #686868;
}
.dianpu_right_show{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.25rem;
}
.dianpu_right_show img{
width: 1.85rem;
height: 1.85rem;
background-color: #ffffff;
}
.yinying{
height: 0.4rem;
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: -0.4rem;
width: 1.85rem;
height: 0.4rem;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(0, 0, 0));
opacity: 0.8;
}
.yinying img{
width: 0.12rem;
height: 0.16rem;
}
.yinying .money{
font-size: 0.24rem;
line-height: 0.36rem;
color: #ffffff;
}
.yinying .dian{
font-size: 0.24rem;
color: #ffffff;
}
.yinying .zero{
zoom: 0.85;
font-size: 0.2rem;
color: #ffffff;
margin-right: 0.09rem;
margin-top: 4px;
}
.time{
display: flex;
justify-content: space-between;
margin-top: 0.28rem;
}
.time_left{
display: flex;
justify-content: flex-start;
}
.time_left p{
font-size: 0.24rem;
color: #989898;
}
.time_left span{
font-size: 0.2rem;
color: #989898;
}
.time img{
margin-top: 0.06rem;
margin-right: 0.19rem;
width: 0.34rem;
height: 0.26rem;
}
.commentary{
width: 5.7rem;
height: 1.97rem;
background-color: #f7f7f7;
border-radius: 0.1rem;
margin-top: 0.36rem;
}
.commentary_top{
height: 0.77rem;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 0.28rem;
}
.commentary_top img {
width: 0.29rem;
height: 0.26rem;
margin-right: 0.22rem;
}
.commentary_top p{
font-size: 0.3rem;
color: #5a6f92;
}
.commentary_bottom{
height: 1.19rem;
}
.commentary_bottom_list{
display: flex;
margin-left: 0.27rem;
}
.commentary_bottom p{
font-size: 0.3rem;
color: #5a6f92;
}
.commentary_bottom span{
font-size: 0.3rem;
color: #0e0e0e;
}

212
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/css/index58.css Normal file
View File

@@ -0,0 +1,212 @@
.content{
width: 100%;
height: 100Vh;
height: 13.34rem;
background: url(../img/58img/back.png);
background-size: cover;
padding-top: 0.02rem;
}
.ziliao{
width: 4.32rem;
height: 0.8rem;
background-color: #00000047;
border-radius: 0.4rem;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 0.12rem;
margin-left: 0.24rem;
}
.ziliao .ziliao_left{
width: 0.7rem;
height: 0.7rem;
border-radius: 100%;
}
.ziliao_middle{}
.ziliao_middle p{
font-size: 0.26rem;
color: #ffffff;
}
.ziliao_middle span{
font-size: 0.22rem;
color: #ffffff;
}
.ziliao_right{
width: 1.05rem;
height: 0.45rem;
background-color: rgb(234 78 61);
border-radius: 0.4rem;
text-align: center;
line-height: 0.45rem;
}
.ziliao_right img{
width: 0.34rem;
height: 0.24rem;
}
.ziliao_right span{
font-size: 0.24rem;
color: #ffffff;
}
.shangping{
width: 7.5rem;
height: 2.7rem;
background-color: #ffffff45;
position: fixed;
bottom: 1rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}
.shangping li{
width: 1.65rem;
height: 2.36rem;
background-color: #ffffff90;
border-radius: 0.1rem;
margin-left: 0.1rem;
}
.shangping li:last-child{
width: 0.26rem;
height: 1.4rem;
background-color: #ffffff00;
}
.shangping_list img{
width: 1.65rem;
height: 1.65rem;
background-color: #ffffff;
border-radius: 0.1rem 0.1rem 0rem 0rem;
}
.shangping_list p{
width: 1.22rem;
font-size: 0.2rem;
color: #000000;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.shangping_list span{
width: 0.87rem;
font-size: 0.2rem;
color: #ea4e3d;
}
.shangping_text p{
margin-left: 0.13rem;
margin-bottom: 0.06rem;
margin-top: 0.08rem;
}
.shangping_text span{
margin-left: 0.13rem;
margin-bottom: 0.01rem;
}
.you img{
width: 0.26rem;
height: 1.45rem;
}
.fudong{
position: fixed;
left: 0.21rem;
bottom: 3.3rem;
}
.guanzhu{
width: 3.5rem;
height: 0.5rem;
background-color: #4799ee60;
border-radius: 0.1rem;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0.31rem;
}
.guanzhu img{
width: 0.34rem;
height: 0.24rem;
}
.guanzhu p{
font-size: 0.26rem;
color: #ffffff;
}
.liaotian li{
margin-bottom: 0.13rem;
}
.liaotian_list{
width: 3.24rem;
height: 0.5rem;
background-color: #000000;
border-radius: 0.25rem;
opacity: 0.4;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.23rem;
}
.liaotian_list p{
font-size: 0.26rem;
color: #4799ee;
}
.liaotian_list span{
font-size: 0.26rem;
color: #ffffff;
}
.foot{
position: fixed;
width: 100%;
height: 1rem;
bottom: 0;
background-color: #ffffff35;
display: flex;
align-items: center;
}
.foot input{
width: 3.59rem;
height: 0.62rem;
background-color: #000000;
border-radius: 0.31rem;
opacity: 0.4;
color: #ffffff;
padding-left: 0.25rem;
margin-left: 0.12rem;
}
.foot input::placeholder {
font-size: 0.28rem;
color: #ffffff;
opacity: 0.74;
}
.dianputu{
width: 0.63rem;
height: 0.63rem;
background-color: #4799ee;
border-radius: 100%;
opacity: 0.45;
}
.foot img{
width: 0.63rem;
height: 0.63rem;
background-color: #000000;
border-radius: 100%;
opacity: 0.4;
margin-left: 0.13rem;
}

42
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/css/public.css Normal file
View File

@@ -0,0 +1,42 @@
.clear_size {
font-size: 0;
}
/* footer */
.footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 1rem;
background-color: #000000;
display: flex;
align-items: center;
justify-content: space-around;
}
.footer ul li{
}
.footer li a{
font-size: 0.24rem;
color: #ffffff;
}
.footer .active{
position: relative;
}
.footer .active a{
font-size: 0.3rem;
}
.footer .active::after{
content: "";
position: absolute;
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
bottom: -0.26rem;
left: 50%;
transform: translateX(-50%);
}
/* footer结束 */

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/120img/左.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/120img/微信.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/120img/背景2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/120img/选中.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 964 B

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/120img/银行卡拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/120img/顶部背景.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/130img/密码.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/130img/左.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/130img/手机.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/130img/验证码.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/22img/-e-三个点拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/22img/-e-产品图拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/22img/xiaodianpu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 740 B

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/22img/右.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/22img/形状630.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/22img/矢量智能对象.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/22img/返回.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/86604拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/timg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1004 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/人民币.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/店铺图标.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/店铺头像.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/心.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/更多.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/46img/照相机.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/-e-产品图.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/-e-向右滑动拷贝.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/8}U%N`G6M[6)I5TNT`QW(%R.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 674 B

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/关注.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/关闭.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/分享.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/商品.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/头像.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/店铺.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/img/58img/点赞.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

70
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/index120.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">
<title>Document</title>
<script src="./js/rem.js"></script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index120.css">
<link rel="stylesheet" href="./css/public.css">
</head>
<body>
<div class="head clear_size">
<div class="head_top">
<img class="left" src="./img/120img/左.png" alt="">
<span class="zijin">资金管理</span>
<span class="shouzhi">收支明细</span>
</div>
<div class="head_bottom">
<p>账户余额（元）</p>
<h2>2314.11</h2>
<div class="tixian">提现记录</div>
</div>
</div>
<div class="content clear_size">
<div class="income">
<ul class="income_top">
<li class="jinrishouru">
<p>今日收入（元）</p>
<span>0.00</span>
</li>
<li class="leijishouru">
<p>累计收入（元）</p>
<span>0.00</span>
</li>
</ul>
<ul class="income_bottom">
<li class="dengdaijiesuan">
<p>等待结算（元）</p>
<span>0.00</span>
</li>
<li class="leijizhichu">
<p>累计支出（元）</p>
<span>0.00</span>
</li>
</ul>
</div>
<div class="cash">
<p class="cash_top">提现方式</p>
<ul class="cash_bottom">
<li class="weixin active">
<img src="./img/120img/微信.png" alt="">
<span>微信</span>
</li>
<li class="yinhangka">
<img src="./img/120img/银行卡拷贝.png" alt="">
<span>银行卡</span>
</li>
</ul>
</div>
<div class="foot">
<div class="tixian">申请提现</div>
</div>
</div>
</body>
</html>

55
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/index130.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/rem.js"></script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index130.css">
<link rel="stylesheet" href="./css/public.css">
</head>
<body>
<div class="content clear_size">
<div class="head_left">
<img src="./img/130img/左.png" alt="">
</div>
<div class="zhuce">
<h2 class="zhuce_top">注册</h2>
<ul class="zhuce_bottom input">
<li>
<img class="shouji" src="./img/130img/手机.png" alt="">
<input type="text" placeholder="填写手机号" name="" id="">
</li>
<li>
<img class="yanzheng" src="./img/130img/验证码.png" alt="">
<input type="text" placeholder="手机验证码" name="" id="">
<div class="yanzhengma_text">验证码</div>
</li>
<li>
<img class="mima" src="./img/130img/密码.png" alt="">
<input type="text" placeholder="设置登录密码" name="" id="">
</li>
<li>
<img class="mima" src="./img/130img/密码.png" alt="">
<input type="text" placeholder="再次确认密码" name="" id="">
</li>
</ul>
<div class="xieyi">
<input type="checkbox" name="" value="">
<p>
我已阅读并同意
<span>《用户协议和隐私协议》</span>
</p>
</div>
<div class="now">
立即注册
</div>
</div>
</div>
</body>
</html>

183
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/index22.html Normal file
View File

@@ -0,0 +1,183 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/rem.js"></script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index22.css">
<link rel="stylesheet" href="./css/public.css">
</head>
<body>
<div class="head clear_size">
<div class="head_left">
<img src="./img/22img/返回.png" alt="">
</div>
<p class="head_middle">填写订单</p>
<div class="head_right"></div>
</div>
<div class="content clear_size">
<div class="xinxi">
<div class="xinxi_left">
<div class="xinxi_left_top">
<p>张晓明</p>
<p>186****0019</p>
</div>
<div class="xinxi_left_bottom">
上海市黄浦区中山南路128号千古美城1楼1210室
</div>
</div>
<div class="xinxi_right">
<img src="./img/22img/右.png" alt="">
</div>
</div>
<div class="zhifu">
<p class="zhifu_left">选择支付方式</p>
<div class="zhifu_right">
<p>在线支付</p>
<img src="./img/22img/-e-三个点拷贝.png" alt="">
</div>
</div>
<ul class="jiesuan">
<li>
<div class="jiesuan_name">
<img class="xiaoduanpu" src="./img/22img/矢量智能对象.png" alt="">
<p>路易斯女装旗舰店</p>
<img class="right" src="./img/22img/右.png" alt="">
</div>
<ul class="juesuan_chanping">
<li class="juesuan_chanping_list">
<div class="juesuan_chanping_left">
<img src="./img/22img/-e-产品图拷贝.png" alt="">
</div>
<div class="juesuan_chanping_right">
<p class="juesuan_chanping_right_text">真丝连衣裙2019春夏新款杭州大牌气质修……</p>
<div class="shuxing">
<p class="yanse">颜色：黑白</p>
<p class="chicun">尺码：L</p>
</div>
<div class="jiage">
<div class="jiage_left">
<span class="fuhao">￥</span>
<span class="qiansan">160</span>
<span class="housan">.00</span>
</div>
<div class="jiage_right">
X1
</div>
</div>
</div>
</li>
</ul>
<div class="beizhu input">
<p>订单备注</p>
<input type="text" placeholder="有什么想对商家留言的可以在这里说" name="" id="">
</div>
<ul class="jianmian">
<li class="jianmian_youhui">
<p>优惠抵用</p>
<span>-￥5</span>
</li>
<li class="jianmian_feiyong">
<p>快递费用</p>
<span>免费包邮</span>
</li>
</ul>
<div class="jiner">
<p>商品金额</p>
<span>￥155.00</span>
</div>
</li>
<li>
<div class="jiesuan_name">
<img class="xiaoduanpu" src="./img/22img/矢量智能对象.png" alt="">
<p>路易斯女装旗舰店</p>
<img class="right" src="./img/22img/右.png" alt="">
</div>
<ul class="juesuan_chanping">
<li class="juesuan_chanping_list">
<div class="juesuan_chanping_left">
<img src="./img/22img/-e-产品图拷贝.png" alt="">
</div>
<div class="juesuan_chanping_right">
<p class="juesuan_chanping_right_text">真丝连衣裙2019春夏新款杭州大牌气质修……</p>
<div class="shuxing">
<p class="yanse">颜色：黑白</p>
<p class="chicun">尺码：L</p>
</div>
<div class="jiage">
<div class="jiage_left">
<span class="fuhao">￥</span>
<span class="qiansan">160</span>
<span class="housan">.00</span>
</div>
<div class="jiage_right">
X1
</div>
</div>
</div>
</li>
<li class="juesuan_chanping_list">
<div class="juesuan_chanping_left">
<img src="./img/22img/-e-产品图拷贝.png" alt="">
</div>
<div class="juesuan_chanping_right">
<p class="juesuan_chanping_right_text">真丝连衣裙2019春夏新款杭州大牌气质修……</p>
<div class="shuxing">
<p class="yanse">颜色：黑白</p>
<p class="chicun">尺码：L</p>
</div>
<div class="jiage">
<div class="jiage_left">
<span class="fuhao">￥</span>
<span class="qiansan">160</span>
<span class="housan">.00</span>
</div>
<div class="jiage_right">
X1
</div>
</div>
</div>
</li>
</ul>
<div class="beizhu input">
<p>订单备注</p>
<input type="text" placeholder="有什么想对商家留言的可以在这里说" name="" id="">
</div>
<ul class="jianmian">
<li class="jianmian_youhui">
<p>优惠抵用</p>
<span>-￥5</span>
</li>
<li class="jianmian_feiyong">
<p>快递费用</p>
<span>免费包邮</span>
</li>
</ul>
<div class="jiner">
<p>商品金额</p>
<span>￥155.00</span>
</div>
</li>
</ul>
</div>
<div class="foot">
<div class="foot_text">
<p>共3件,</p>
<span>合计：</span>
</div>
<div class="foot_money">
<span>¥</span>
<p>5999.00</p>
</div>
<div class="foot_jiesuan">结算(2)</div>
</div>
</body>
</html>

130
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/index46.html Normal file
View File

@@ -0,0 +1,130 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/rem.js"></script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index46.css">
<link rel="stylesheet" href="./css/public.css">
</head>
<body>
<div class="header">
<ul class="head_top">
<li>
<a href="">圈子</a>
</li>
<li>
<a href="">附近</a>
</li>
</ul>
<div class="camera">
<img src="./img/46img/照相机.png" alt="">
</div>
</div>
<div class="content clear_size">
<ul class="dianpuxuanchuan">
<li class="dianpu">
<div class="dianpu_left">
<img class="dianputouxiang" src="./img/46img/店铺头像.png" alt="">
<div class="tubiao">
<img class="dianputubiao" src="./img/46img/店铺图标.png" alt="">
</div>
</div>
<div class="dianpu_right">
<div class="dianpu_right_name">
<p>护肤品专卖店</p>
<span>>200m</span>
</div>
<div class="dianpu_right_text">
我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲好用我亲测我亲测我亲测我亲测
</div>
<ul class="dianpu_right_show">
<li>
<div class="shangping">
<img src="./img/46img/86604拷贝.png" alt="">
<div class="yinying">
<img class="fuhao" src="./img/46img/人民币.png" alt="">
<span class="money">289.</span>
<span class="zero">00</span>
</div>
</div>
</li>
<li>
<div class="shangping">
<img src="./img/46img/86604拷贝.png" alt="">
<div class="yinying">
<img class="fuhao" src="./img/46img/人民币.png" alt="">
<span class="money">289.</span>
<span class="zero">00</span>
</div>
</div>
</li>
<li>
<div class="shangping">
<img src="./img/46img/86604拷贝.png" alt="">
<div class="yinying">
<img class="fuhao" src="./img/46img/人民币.png" alt="">
<span class="money">289.</span>
<span class="zero">00</span>
</div>
</div>
</li>
</ul>
<div class="time">
<div class="time_left">
<p>3</p>
<span>分钟前</span>
</div>
<img src="./img/46img/更多.png" alt="">
</div>
<div class="commentary">
<div class="commentary_top">
<img src="./img/46img/心.png" alt="">
<p>张三 、李</p>
</div>
<ul class="commentary_bottom">
<li class="commentary_bottom_list">
<p>小可</p>
<span>:精彩</span>
</li>
<li class="commentary_bottom_list">
<p>小可</p>
<span>:精彩</span>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<ul class="footer clear_size">
<li>
<a href="">首页</a>
</li>
<li>
<a href="">好友</a>
</li>
<li class="active">
<a href="">圈子</a>
</li>
<li>
<a href="">购物车</a>
</li>
<li>
<a href="">我的</a>
</li>
</ul>
</body>
</html>

93
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/index58.html Normal file
View File

@@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/rem.js"></script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index58.css">
<link rel="stylesheet" href="./css/public.css">
</head>
<body>
<div class="content clear_size">
<div class="ziliao">
<img class="ziliao_left" src="./img/58img/头像.png" alt="">
<div class="ziliao_middle">
<p>昵称 | ID：12345</p>
<span>7455观看| 首尔市 </span>
</div>
<div class="ziliao_right">
<img src="./img/58img/关注.png" alt="">
<span>关注</span>
</div>
</div>
<ul class="shangping">
<li class="shangping_list">
<img src="./img/58img/-e-产品图.png" alt="">
<div class="shangping_text">
<p>品牌经典多…</p>
<span>￥160.00</span>
</div>
</li>
<li class="shangping_list">
<img src="./img/58img/商品.png" alt="">
<div class="shangping_text">
<p>品牌经典多…</p>
<span>￥160.00</span>
</div>
</li>
<li class="shangping_list">
<img src="./img/58img/-e-产品图.png" alt="">
<div class="shangping_text">
<p>品牌经典多…</p>
<span>￥160.00</span>
</div>
</li>
<li class="shangping_list">
<img src="./img/58img/-e-产品图.png" alt="">
<div class="shangping_text">
<p>品牌经典多…</p>
<span>￥160.00</span>
</div>
</li>
<li class="you">
<img class="zuo" src="./img/58img/-e-向右滑动拷贝.png" alt="">
</li>
</ul>
<div class="fudong">
<div class="guanzhu">
<img src="./img/58img/关注.png" alt="">
<p>我是嘟嘟嘴 关注了主播</p>
</div>
<ul class="liaotian">
<li>
<div class="liaotian_list">
<p>小飞仙：</p>
<span>我下单啦查看下</span>
</div>
</li>
<li>
<div class="liaotian_list">
<p>小飞仙：</p>
<span>我下单啦查看下</span>
</div>
</li>
</ul>
</div>
</div>
<div class="foot">
<img class="dianputu" src="./img/58img/店铺.png" alt="">
<input type="text" placeholder="说些什么..." name="" id="">
<img class="fenxiang" src="./img/58img/分享.png" alt="">
<img class="dianzan" src="./img/58img/点赞.png" alt="">
<img class="guanbi" src="./img/58img/关闭.png" alt="">
</div>
</body>
</html>

12
历届学生/韩一伟/项目开发/练习项目/作业/2021.06.30/js/rem.js Normal file
View File

@@ -0,0 +1,12 @@
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";
}