调整列表页布局
This commit is contained in:
parent
a01958c137
commit
eaf1e07966
@ -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>
|
||||
|
@ -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;
|
||||
|
@ -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
|
||||
|
Loading…
x
Reference in New Issue
Block a user