diff --git a/uniapp/src/pages/crypto/crypto.vue b/uniapp/src/pages/crypto/crypto.vue index d791443..2ac294d 100644 --- a/uniapp/src/pages/crypto/crypto.vue +++ b/uniapp/src/pages/crypto/crypto.vue @@ -570,7 +570,7 @@ $down: #ef2f3d; font-size: 24rpx; border-bottom: 1rpx solid $line; display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)) 54rpx; + grid-template-columns: repeat(3, minmax(0, 1fr)); &__name { min-width: 0; @@ -585,10 +585,15 @@ $down: #ef2f3d; width: auto; margin-left: 0; text-align: center; + grid-column: 3; + grid-row: 1; } &__favorite { width: auto; + grid-column: 3; + grid-row: 1; + justify-self: end; } } @@ -603,7 +608,7 @@ $down: #ef2f3d; padding: 0 26rpx 0 34rpx; align-items: center; display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)) 54rpx; + grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1rpx solid $line; box-sizing: border-box; @@ -691,7 +696,9 @@ $down: #ef2f3d; width: 156rpx; max-width: 100%; height: 54rpx; - justify-self: center; + grid-column: 3; + grid-row: 1; + justify-self: start; border-radius: 14rpx; display: flex; align-items: center; @@ -727,6 +734,8 @@ $down: #ef2f3d; &__favorite { width: 54rpx; height: 64rpx; + grid-column: 3; + grid-row: 1; display: flex; align-items: center; justify-content: flex-end;