mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-11-17 16:13:48 +08:00
更改样式
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user