|
...
|
...
|
@@ -35,13 +35,15 @@ page { |
|
|
|
}
|
|
|
|
|
|
|
|
.tab-bar-item text {
|
|
|
|
font-family: PingFang-SC-Medium;
|
|
|
|
font-weight: bold;
|
|
|
|
margin-left: 4rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #afafaf;
|
|
|
|
color: #B0B0B0 ;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tab-bar-item text.selected {
|
|
|
|
color: #000;
|
|
|
|
color: #444444;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tab-bar-item image {
|
|
...
|
...
|
@@ -50,7 +52,8 @@ page { |
|
|
|
}
|
|
|
|
|
|
|
|
.tab-bar-item:nth-child(n + 2) {
|
|
|
|
border-left: 2rpx solid #afafaf;
|
|
|
|
height: 30rpx;
|
|
|
|
border-left: 2rpx solid #e0e0e0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* END */
|
|
...
|
...
|
@@ -83,27 +86,32 @@ page { |
|
|
|
.list-wrapper .list-container .item-container {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
width: 690rpx;
|
|
|
|
margin-top: 30rpx;
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
box-shadow: 0 0 10rpx #e0e0e0;
|
|
|
|
width: 750rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 列表item大图 */
|
|
|
|
.item-container image {
|
|
|
|
width: 100%;
|
|
|
|
height: 432rpx;
|
|
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
|
|
height: 470rpx;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-wrapper .list-container .rank {
|
|
|
|
position: absolute;
|
|
|
|
width: 90rpx;
|
|
|
|
height: 38rpx;
|
|
|
|
top: 30rpx;
|
|
|
|
left: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 列表item文字及价格等信息容器 */
|
|
|
|
.item-container .item-content {
|
|
|
|
display: flex;
|
|
|
|
width: 100%;
|
|
|
|
flex-direction: column;
|
|
|
|
border-radius: 0 0 20rpx 20rpx;
|
|
|
|
background-color: #fff;
|
|
|
|
line-height: 42rpx;
|
|
|
|
font-size: 30rpx;
|
|
...
|
...
|
@@ -111,9 +119,12 @@ page { |
|
|
|
|
|
|
|
/* 列表item标题文字 */
|
|
|
|
.item-content .item-name {
|
|
|
|
padding: 20rpx 30rpx 0rpx 30rpx;
|
|
|
|
padding: 36rpx 30rpx 0rpx 40rpx;
|
|
|
|
margin-bottom: 22rpx;
|
|
|
|
|
|
|
|
font-family: PingFang-SC-Regular;
|
|
|
|
font-size: 14px;
|
|
|
|
color: #222222;
|
|
|
|
letter-spacing: -0.34px;
|
|
|
|
/* 以下样式为控制 行数超过2行后显示... */
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
...
|
...
|
@@ -128,48 +139,80 @@ page { |
|
|
|
width: 100%;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 价格 */
|
|
|
|
.item-info .item-price {
|
|
|
|
padding: 0 0 40rpx 30rpx;
|
|
|
|
padding: 0 0 10rpx 40rpx;
|
|
|
|
font-family: PingFang-SC-Semibold;
|
|
|
|
font-weight: bolder;
|
|
|
|
font-size: 18px;
|
|
|
|
color: #D0021B;
|
|
|
|
letter-spacing: -0.43px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 发售时间 */
|
|
|
|
.item-info .item-date {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
background-color: #444;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
background-color: white;
|
|
|
|
line-height: 40rpx;
|
|
|
|
height: 40rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
width: 220rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
border: 1rpx solid #222222;
|
|
|
|
margin-right: 30rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 发售时间内文字 */
|
|
|
|
.item-info .item-date text {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 24rpx;
|
|
|
|
padding: 0 14rpx 0 2rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 发售时间小图标 */
|
|
|
|
.item-info .item-date image {
|
|
|
|
width: 24rpx;
|
|
|
|
height: 24rpx;
|
|
|
|
padding: 8rpx;
|
|
|
|
/* padding: 0 14rpx 0 2rpx; */
|
|
|
|
font-family: PingFang-SC-Bold;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 14px;
|
|
|
|
color: #222222;
|
|
|
|
letter-spacing: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* END */
|
|
|
|
|
|
|
|
.rule-bg {
|
|
|
|
opacity: 0.6;
|
|
|
|
background-color: #000000;
|
|
|
|
border-radius: 50%;
|
|
|
|
width: 92rpx;
|
|
|
|
height: 92rpx;
|
|
|
|
right: 40rpx;
|
|
|
|
bottom: 170rpx;
|
|
|
|
float: right;
|
|
|
|
position: fixed;
|
|
|
|
z-index: 9999;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rule-text {
|
|
|
|
width: 52rpx;
|
|
|
|
font-family: PingFang-SC-Regular;
|
|
|
|
font-size: 13px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
letter-spacing: 0;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.my-code-button {
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 88rpx;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 30rpx;
|
|
|
|
line-height: 88rpx;
|
|
|
|
background-color: #fff;
|
|
|
|
border-top: 1rpx solid #E0E0E0;
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 88rpx;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 30rpx;
|
|
|
|
line-height: 88rpx;
|
|
|
|
background-color: #fff;
|
|
|
|
border-top: 1rpx solid #E0E0E0;
|
|
|
|
} |
...
|
...
|
|
