|
@@ -82,14 +82,15 @@ onMounted(() => {
|
|
|
display: flex;
|
|
|
padding: 30rpx 0;
|
|
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.05);
|
|
|
-
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
.ranking-list-item-img {
|
|
|
width: 84rpx;
|
|
|
height: 84rpx;
|
|
|
border-radius: 50%;
|
|
|
- margin-right: 20rpx;
|
|
|
+ margin-right: 22rpx;
|
|
|
flex-shrink: 0;
|
|
|
- top: 33rpx;
|
|
|
+ // top: 33rpx;
|
|
|
}
|
|
|
|
|
|
.ranking-list-item-content {
|
|
@@ -101,10 +102,9 @@ onMounted(() => {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
- margin-bottom: -3rpx;
|
|
|
+ // margin-bottom: -3rpx;
|
|
|
|
|
|
.ranking-list-item-title {
|
|
|
- width: 374rpx;
|
|
|
height: 42rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-size: 32rpx;
|
|
@@ -112,6 +112,7 @@ onMounted(() => {
|
|
|
line-height: 42rpx;
|
|
|
letter-spacing: normal;
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
+ margin-bottom: 16rpx;
|
|
|
}
|
|
|
|
|
|
.ranking-list-item-rating {
|
|
@@ -119,9 +120,9 @@ onMounted(() => {
|
|
|
align-items: center;
|
|
|
|
|
|
.star-icon {
|
|
|
- width: 84rpx;
|
|
|
- height: 84rpx;
|
|
|
- margin-right: 8rpx;
|
|
|
+ width: 44rpx;
|
|
|
+ height: 44rpx;
|
|
|
+ margin-right: 10rpx;
|
|
|
}
|
|
|
|
|
|
.score-text {
|
|
@@ -140,7 +141,7 @@ onMounted(() => {
|
|
|
.ranking-list-item-tag {
|
|
|
/* 自动布局子元素 */
|
|
|
// width: 252rpx;
|
|
|
- height: 34rpx;
|
|
|
+ // height: 34rpx;
|
|
|
/* 自动布局 */
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
@@ -151,6 +152,8 @@ onMounted(() => {
|
|
|
border-radius: 10rpx;
|
|
|
box-sizing: border-box;
|
|
|
border: 1rpx solid rgba(237, 93, 49, 0.8);
|
|
|
+ padding: 8rpx 12rpx;
|
|
|
+
|
|
|
.ranking-list-item-tag-text{
|
|
|
/* 自动布局子元素 */
|
|
|
// width: 228rpx;
|