调整列表页布局

This commit is contained in:
zhl 2021-12-15 17:28:47 +08:00
parent a01958c137
commit eaf1e07966
3 changed files with 14 additions and 6 deletions

View File

@ -8,7 +8,8 @@
<text class="uni-subtitle uni-white">{{gData.cutOff}}%折扣</text>
</view>
<view class="cover-content">
<text class="uni-subtitle uni-white">{{gData.name}} ({{gData.subName}})</text>
<text class="uni-subtitle uni-white">{{gData.name}} </text>
<text v-if="gData.subName">({{gData.subName}})</text>
</view>
</view>
</template>

View File

@ -18,7 +18,10 @@
</view>
<view class="price-view">
<view class="price">¥{{gData.price}}</view>
<view class="price-raw">¥{{gData.originPrice}}({{gData.priceCountry}})</view>
<view class="price-raw">
<text>¥{{gData.originPrice}}</text>
<text v-if="gData.priceCountry">({{gData.priceCountry}})</text>
</view>
<uni-tag :text="gData.cutOff+'%折扣'" type="error"></uni-tag>
</view>
</view>
@ -60,10 +63,13 @@ export default class extends Vue{
.left-part{
width: 25%;
display: flex;
justify-content: center;
align-items: center;
}
.s-game-cell image {
width: 100%;
height: auto
.left-part image {
width: 25vw;
--width: 100%;
height: calc(25vw * 3 / 4);
}
.right-part {
width: 75%;
@ -98,6 +104,7 @@ export default class extends Vue{
flex-wrap: wrap;
justify-content: flex-start;
padding: 5px 0;
height: 16px;
}
.game-tag text {
padding: 2px 5px!important;

View File

@ -45,7 +45,7 @@ export default class extends Vue{
console.log(e)
}
private async fetchGames(start: number = 0) {
let res: any = await searchGames({cutoff: 1, skip: start})
let res: any = await searchGames({skip: start})
if (res.length === 0) {
this.more = 'noMore'
return