diff --git a/src/components/BigImgCell/index.vue b/src/components/BigImgCell/index.vue index 4bd2e62..2e929d9 100644 --- a/src/components/BigImgCell/index.vue +++ b/src/components/BigImgCell/index.vue @@ -12,28 +12,22 @@ - - + - - - - - + + + $200.0 $200.0 美国 - - - + 折扣还剩7天 - - + @@ -96,7 +90,7 @@ export default class extends Vue{ flex-direction: row; align-items: center; padding-left: 15px; - font-size: 14px; + font-size: 24rpx; color: #fff; background-image: url("/static/icons/left_tip.png"); background-repeat:no-repeat; @@ -105,11 +99,15 @@ export default class extends Vue{ .cover-tag .uni-subtitle { margin-left: 5px; } +.tag-row { + display: flex; +} .tag-list { display: flex; } .tag-list .uni-tag { margin-right: 5px; + font-size: 24rpx; } uni-tag { margin-right: 5px; @@ -125,7 +123,7 @@ uni-tag { flex-direction: row; align-items: center; padding-left: 15px; - font-size: 14px; + font-size: 26rpx; color: #fff; } @@ -145,28 +143,34 @@ uni-tag { } .card-actions-item-text { - font-size: 12px; + font-size: 20rpx; color: #666; margin-left: 5px; } +uni-tag { + font-size: 24rpx; +} .price-row { margin-top: 12px; + display: flex; + justify-content: space-between; } .price { margin-right: 5px; color: #999; - font-size: 16px; + font-size: 24rpx; } .price-new { color: red; - font-size: 25px; + font-size: 30rpx; +} +.price-raw { + font-size: 26rpx; } .price-discount { - font-size: 14px; + font-size: 24rpx; } .discount-col { - padding-top: 4px; - float: right; } .uni-card__content { padding-top: 5px; diff --git a/src/components/DlcCell/index.vue b/src/components/DlcCell/index.vue index 80814cf..e27d2d0 100644 --- a/src/components/DlcCell/index.vue +++ b/src/components/DlcCell/index.vue @@ -54,6 +54,7 @@ export default class extends Vue{ display: flex; flex-direction: column; margin: auto; + padding-left: 5px; } .right-part { width: 15%; diff --git a/src/components/GameSmallCell/index.vue b/src/components/GameSmallCell/index.vue index 033c5ca..f1f5df4 100644 --- a/src/components/GameSmallCell/index.vue +++ b/src/components/GameSmallCell/index.vue @@ -14,11 +14,11 @@ 游戏英文名 - + ¥100 - ¥150(日本) + ¥150(日本) @@ -64,21 +64,27 @@ export default class extends Vue{ margin-left: 5px; } .title-view{ - font-size: 16px; + font-size: 26rpx; } .sub-title-view { - font-size: 12px; - color: #666666; + font-size: 22rpx; + color: #999999; } .price-view { width: 100%; - font-size: 14px; + font-size: 24rpx; + color: #999; display: flex; flex-direction: row; justify-content: space-between; } .price-view .price{ color: red; + font-size: 28rpx; + } + .price-view .price-raw { + font-size: 22rpx; + margin: auto; } .tags-view { display: flex; @@ -87,8 +93,12 @@ export default class extends Vue{ justify-content: flex-start; padding: 5px 0; } + .game-tag text { + padding: 2px 5px!important; + } uni-tag { margin-right: 5px; + font-size: 14px; } .uni-tag { margin-right: 5px; diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index 37d550a..60357a6 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -58,6 +58,9 @@ export default class extends Vue{ big-img-cell { width: 100%; } +.uni-list-item-box { + padding: 0!important; +} diff --git a/src/pages/info/priceList.vue b/src/pages/info/priceList.vue index 36db93b..babd484 100644 --- a/src/pages/info/priceList.vue +++ b/src/pages/info/priceList.vue @@ -38,5 +38,7 @@ export default class extends Vue{ diff --git a/src/pages/list/index.vue b/src/pages/list/index.vue index 5526eda..4fefeb0 100644 --- a/src/pages/list/index.vue +++ b/src/pages/list/index.vue @@ -44,4 +44,7 @@ export default class extends Vue{ game-small-cell{ width: 100%; } +.uni-list-item-box { + padding: 0!important; +}