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

327
历届学生/font-end-nine/项目练习/学生项目/张婷/作业/手机端作业/css/22.css Normal file
View File

@@ -0,0 +1,327 @@
.header {
padding: 0 0.3rem;
height: 0.9rem;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
left: 0;
top: 0;
background-color: white;
font-weight: 900;
box-sizing: border-box;
z-index: 999;
background: white;
}
.header img {
width: 0.2rem;
height: 0.33rem;
}
.header span {
font-size: 0.34rem;
color: #333333;
}
.content {
width: 100%;
box-sizing: border-box;
transition: transform ease 0.3s;
}
.shuaxin{
align-items: center;
height: 0.9rem;
display: flex;
justify-content: center;
}
.shuaxin img{
width: 0.3rem;
height: 0.3rem;
}
.address {
border-top: 0.01rem solid #f2f2f2;
background-image: url("../../img/22/yellow-red-block.png");
width: 100%;
height: 1.26rem;
background-size: 100%;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.add_l {}
.add_up {
font-size: 0.3rem;
color: #333333;
margin-top: 0.12rem;
margin-bottom: 0.15rem;
}
.add_up .name {
margin-right: 0.52rem;
font-weight: 900;
}
.add_down {
font-size: 0.24rem;
color: #333333;
margin-bottom: 0.2rem;
}
.address img {
width: 0.14rem;
height: 0.26rem;
}
.select {
border-top: 0.19rem solid #f2f2f2;
height: 1.18rem;
width: 100%;
font-size: 0.28rem;
color: #333333;
display: flex;
align-items: center;
justify-content: space-between;
background-color: white;
border-bottom: 0.16rem solid #f2f2f2;
padding-left: 0.26rem;
box-sizing: border-box;
}
.select .pay {
padding-right: 0.44rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.pay img {
padding-left: 0.07rem;
width: 0.31rem;
height: 0.06rem;
}
.goods {
border-bottom: 0.01rem solid #f2f2f2;
}
.goods_title {
height: 0.62rem;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 0.01rem solid #f2f2f2;
}
.goods_title .l {
width: 0.24rem;
height: 0.22rem;
margin-left: 0.24rem;
margin-right: 0.06rem;
}
.goods_title span {
font-size: 0.26rem;
color: #333333;
margin-right: 0.16rem;
margin: 0.2rem 0.16rem 0.17rem0;
}
.goods_title .r {
width: 0.1rem;
height: 0.19rem;
}
.information {
height: 2.22rem;
display: flex;
align-items: center;
}
.information img {
width: 2rem;
height: 1.65rem;
margin-left: 0.24rem;
margin-right: 0.36rem;
}
.information .des {
width: 100%;
}
.des p {
font-size: 0.28rem;
color: #333333;
width: 3.5rem;
margin-bottom: 0.08rem;
}
.des .up {
font-size: 0.2rem;
color: #999999;
margin-bottom: 0.12rem;
}
.des .down{
color: #ea4e3d;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.des .number {
font-size: 0.2rem;
}
.des .number .one{
font-size: 0.34rem;
}
.des .number .two{
font-size: 0.24rem;
}
.des .amount {
font-size: 0.2rem;
color: #999999;
margin-right: 0.76rem;
transform: scale(0.9);
}
.remarkes{
width: 100%;
height: 0.88rem;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 0.3rem;
border-top: 0.01rem solid #f2f2f2;
border-bottom: 0.01rem solid #f2f2f2;
box-sizing: border-box;
}
.remarkes .three{
font-size: 0.3rem;
color: #333333;
margin-right: 0.31rem;
}
.remarkes .four{
font-size: 0.26rem;
color: #aaaaaa;
}
.cost{
margin-left: 0.3rem;
margin-right: 0.26rem;
}
.cost_up{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.22rem;
margin-bottom: 0.24rem;
}
.cost_up p{
font-size: 0.24rem;
color: #333333;
}
.cost_up span{
font-size: 0.24rem;
color: #f09c48;
}
.cost_down{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.16rem;
}
.cost_down p{
font-size: 0.24rem;
color: #333333;
}
.cost_down span{
font-size: 0.24rem;
color: #ea4e3d;
}
.money{
border-top: 0.01rem solid #f2f2f2;
border-bottom: 0.16rem solid #f2f2f2;
display: flex;
align-items: center;
justify-content: space-between;
height: 0.84rem;
padding-left: 0.31rem;
padding-right: 0.26rem;
box-sizing: border-box;
}
.money p{
font-size: 0.3rem;
color: #333333;
}
.money span{
font-size: 0.34rem;
color: #ea4e3d;
}
.footer{
display: flex;
justify-content: flex-end;
align-items: center;
height: 1rem;
width: 100%;
position: fixed;
bottom: 0;
right: 0;
background-color: white;
}
.text{
display: flex;
justify-content: center;
align-items: center;
}
.text p:first-child{
font-size: 0.26rem;
color: #c6c6c6;
}
.text p:nth-child(2){
font-size: 0.26rem;
color: #999999;
margin-right: 0.27rem;
}
.text p:last-child{
font-size: 0.24rem;
color: #000000;
}
.text span{
font-size: 0.3rem;
color: #000000;
margin-left: 0.06rem;
}
.footer .button{
font-size: 0.28rem;
color: #ffffff;
width: 1.92rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
display: flex;
justify-content: center;
align-items: center;
margin-left: 0.42rem;
margin-right: 0.24rem;
}