更改样式

This commit is contained in:
952108534@qq.com
2022-01-24 19:29:33 +08:00
parent 69c2664e21
commit a2a6ca14bd
4 changed files with 415 additions and 321 deletions

View File

@@ -10,6 +10,7 @@ body {
border:unset;
}
.rc-menu--xs .rc-screen-reader{
left:28%;
}
@@ -141,6 +142,9 @@ picture {
margin-left: auto;
margin-right: auto;
}
.useruantity{
margin: 1rem 1.25rem;
}
.ts-remove {
text-decoration: line-through;

View File

@@ -2,8 +2,110 @@ ul li ol li em strong i {
list-style: none;
font-style: normal;
}
.rc-main{
margin: 0;
padding: 0;
}
//手机端
@media screen and (max-width: 768px) {
.online{
margin: 0;
&.bold{
height: 0.5rem;
}
}
// 订单状态
.rc-receiving {
width: 100%;
display: flex;
align-items: center;
// margin: 1rem 1.25rem;
em {
font-style: normal;
color: #e1001a;
font-size: 1.375rem;
font-weight: bold;
}
span {
color: #666666;
font-size: 0.875rem;
display: block;
margin-left: 1.125rem;
width: 62%;
margin-top: 0.5rem;
}
}
//快递列表
.delivery {
display: flex;
flex-direction: column;
margin: 1rem 1.25rem;
.to-delivery {
img{
width: 1rem;
height: 1rem;
object-fit: contain;
}
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 0.18rem;
color: #333333;
font-size: 1rem;
font-weight: 500;
}
i {
font-style: normal;
margin-left: 0.5rem;
display: block;
color: #999999;
font-size: 0.75rem;
margin-top: 0.31rem;
}
}
.bo-delivery {
span {
font-size: 0.87rem;
color: #666666;
display: block;
margin-top: 0.5rem;
}
}
}
//地址列表
.mypersonal{
.my-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
font-size: 0.87rem;
color: #333333;
}
i {
font-style: normal;
display: block;
font-size: 0.87rem;
color: #333333;
margin-left: .5rem;
}
}
.per-delivery {
span {
font-size:0.875rem;
color: #666666;
display: block;
margin-top: 0.43rem;
}
}
}
.rc-margin-y--md{
width: 100%;
height: 80px;
@@ -39,83 +141,7 @@ margin-right: 20px;
.rc-foo{
display: none;
}
.rc-receiving {
width: 100%;
height: 80px;
display: flex;
align-items: center;
em {
font-style: normal;
color: #e1001a;
font-size: 22px;
font-weight: bold;
}
span {
color: #666666;
font-size: 12px;
display: block;
margin-left: 18px;
width: 62%;
}
}
.delivery {
display: flex;
flex-direction: column;
height: 80px;
.to-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 3px;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
}
}
.bo-delivery {
span {
font-size: 14px;
color: #666666;
display: block;
margin-top: 8px;
}
}
}
.mypersonal {
display: flex;
flex-direction: column;
height: 80px;
.my-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 3px;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
}
}
.per-delivery {
span {
font-size: 14px;
color: #666666;
display: block;
margin-top: 8px;
}
}
}
.rc-usermain {
display: flex;
@@ -207,14 +233,16 @@ margin-right: 20px;
.rc-merchandise {
width: 100%;
margin-top: 32px;
margin-top: 24px;
padding-right: 0.7rem;
padding-left: 0.7rem;
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 26px;
line-height: 30px;
i {
font-style: normal;
color: #666666;
@@ -240,10 +268,15 @@ margin-right: 20px;
}
}
}
.useruantity{
padding-right: 20px;
}
}
.rc-payment{
padding-right: 0.7rem;
padding-left: 0.7rem;
width: 100%;
margin-top: 32px;
.u-trackingnumber{
@@ -294,6 +327,48 @@ margin-right: 20px;
//pc端
@media screen and (min-width: 768px) and (max-width: 1920px) {
//快递列表
.delivery {
display: flex;
flex-direction: column;
margin: 1rem 1.25rem;
.to-delivery {
margin-top: 20px;
img{
width: 24px;
height: 24px;
object-fit: contain;
}
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 16px;
color: #333333;
font-size: 18px;
font-weight: 500;
}
i {
font-style: normal;
margin-left: 0.5rem;
display: block;
color: #999999;
font-size: 0.75rem;
margin-top: 0.31rem;
}
}
.bo-delivery {
margin-top: 16px;
span {
font-size: 0.87rem;
color: #666666;
display: block;
margin-top: 16px;
}
}
}
.rc-margin-y--md{
display: none;
}
@@ -329,7 +404,6 @@ margin-right: 20px;
.delivery {
display: flex;
flex-direction: column;
height: 140px;
display: flex;
justify-content: center;
.viewdetails{