This commit is contained in:
parent
0aa12102f3
commit
ddf29e8777
|
@ -292,6 +292,7 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
.body {
|
.body {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
@ -299,12 +300,13 @@
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
|
|
||||||
.leftTab {
|
.leftTab {
|
||||||
width: 177rpx;
|
width:19%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 0px 15rpx 0px 0px;
|
// border-radius: 0px 15rpx 0px 0px;
|
||||||
padding: 24rpx 11rpx;
|
// padding: 24rpx 11rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
border-top: 1px solid #f7f7f7;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
.tabBox {
|
.tabBox {
|
||||||
|
@ -313,7 +315,7 @@
|
||||||
.tabItem {
|
.tabItem {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 14rpx 0;
|
padding: 14rpx 0;
|
||||||
border-radius: 60rpx;
|
// border-radius: 60rpx;
|
||||||
color: #464646;
|
color: #464646;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -321,14 +323,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabActive {
|
.tabActive {
|
||||||
background: #0ca58b;
|
background: #f2fffb;
|
||||||
color: #ffffff;
|
color: #019c88;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightGoods {
|
.rightGoods {
|
||||||
width: 280px;
|
width:80%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
// padding: 0 16rpx 27rpx;
|
// padding: 0 16rpx 27rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -501,7 +503,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-view {
|
.item-view {
|
||||||
width: 55%;
|
width:69%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -511,8 +513,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-img {
|
.item-img {
|
||||||
width: 110px;
|
width:70px;
|
||||||
height: 200rpx;
|
height:70px;
|
||||||
border-radius: 14rpx;
|
border-radius: 14rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
@ -546,7 +548,7 @@
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 21rpx;
|
border-radius: 21rpx;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
align-items: center;
|
// align-items: center;
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -676,5 +678,6 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
|
@ -222,7 +222,7 @@
|
||||||
.tabItem {
|
.tabItem {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 14rpx 0;
|
padding: 14rpx 0;
|
||||||
border-radius: 60rpx;
|
// border-radius: 60rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
Loading…
Reference in New Issue