209 lines
3.5 KiB
CSS
209 lines
3.5 KiB
CSS
html {
|
|
min-height: 100%;
|
|
}
|
|
body {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.content {
|
|
height: 100%;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.member .nav .cuurent {
|
|
|
|
}
|
|
.main {
|
|
flex: 1;
|
|
margin-left: 20px;
|
|
}
|
|
.userinfo {
|
|
margin: 20px 0;
|
|
height: 168px;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
.info {
|
|
width: 280px;
|
|
height: 100%;
|
|
background: url("../img/personal_information_bg.png") no-repeat;
|
|
align-items: center;
|
|
color: #fff;
|
|
}
|
|
.info .avatar {
|
|
width: 90px;
|
|
height: 90px;
|
|
margin: 0 16px 0 24px;
|
|
}
|
|
.info .avatar img {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
}
|
|
.info .nickname {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
}
|
|
.info .grade {
|
|
margin-top: 5px;
|
|
font-size: 14px;
|
|
color: #d4be9b;
|
|
}
|
|
.info .grade i {
|
|
font-size: 18px;
|
|
color: #f4d7b7;
|
|
}
|
|
.asset {
|
|
flex: 1;
|
|
margin-left: 49px;
|
|
align-items: center;
|
|
}
|
|
.asset span {
|
|
display: block;
|
|
line-height: 26px;
|
|
}
|
|
.asset>div {
|
|
flex: 1;
|
|
}
|
|
.asset>div span:first-child {
|
|
font-size: 20px;
|
|
}
|
|
.asset>div span:last-child {
|
|
color: #666;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/*我的订单*/
|
|
.user-order {
|
|
flex: 1;
|
|
height: 416px;
|
|
padding: 0 20px;
|
|
background-color: #fff;
|
|
/*margin-right: 20px;*/
|
|
overflow: hidden;
|
|
}
|
|
.main-tb .user-order-title {
|
|
height: 59px;
|
|
align-items: center;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
.main-tb .user-order-title h3 {
|
|
flex: 1;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #333;
|
|
}
|
|
.main-tb .user-order-title .more {
|
|
display: block;
|
|
justify-content: flex-end;
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
.state-icon {
|
|
height: 137px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
.state-icon>ul {
|
|
width: 100%;
|
|
height: 100%;
|
|
align-items: center;
|
|
/*justify-content: center;*/
|
|
}
|
|
.state-icon>ul>li {
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
.state-icon>ul>li>a {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.state-icon>ul>li>a>span:nth-of-type(1) {
|
|
font-size: 40px;
|
|
}
|
|
.state-icon>ul>li>a>span {
|
|
display: block;
|
|
color: #666;
|
|
font-size: 12px;
|
|
}
|
|
.state-icon>ul>li>a>i.num {
|
|
color: #fff;
|
|
background-color: #ff284b;
|
|
font-size: 12px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
padding: 0px 6px;
|
|
font-style: normal;
|
|
position: absolute;
|
|
top: -2px;
|
|
right: 63px;
|
|
}
|
|
.user-order-list {
|
|
padding-top: 10px;
|
|
}
|
|
.user-order-list-item {
|
|
height: 64px;
|
|
margin-top: 22px;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
}
|
|
.user-order-list-item .goods-img {
|
|
max-width: 64px;
|
|
height: 64px;
|
|
}
|
|
.user-order-list-item img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.user-order-list-item .block {
|
|
margin-left: 32px;
|
|
flex: 2;
|
|
}
|
|
.user-order-list-item .block span {
|
|
color: #666666;
|
|
}
|
|
.user-order-list-item .block p {
|
|
margin-top: 5px;
|
|
color: #999;
|
|
}
|
|
.user-order-list-item a {
|
|
color: #1d94d9;
|
|
}
|
|
.user-order-list-item .money {
|
|
flex: 1;
|
|
}
|
|
.user-order-list-item .state {
|
|
color: #666;
|
|
flex: 0.5;
|
|
}
|
|
.user-order-list-item .state>p {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
/*我的收藏*/
|
|
.user-collection {
|
|
width: 318px;
|
|
background-color: #fff;
|
|
}
|
|
.user-track {
|
|
margin-top: 20px;
|
|
}
|
|
.collection-goods {
|
|
height: 142px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-left: 20px;
|
|
}
|
|
.collection-goods-item {
|
|
width: 80px;
|
|
height: 80px;
|
|
margin-right: 20px;
|
|
}
|
|
.collection-goods-item img {
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
object-fit: cover;
|
|
} |