weapp/switchcat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整列表页布局

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/BigImgCell/index.vue
View File

@ -8,7 +8,8 @@
<text class="uni-subtitle uni-white">{{gData.cutOff}}%折扣</text> <text class="uni-subtitle uni-white">{{gData.cutOff}}%折扣</text>
</view> </view>
<view class="cover-content"> <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>
</view> </view>
</template> </template>

15
src/components/GameSmallCell/index.vue
View File

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

2
src/pages/list/index.vue
View File

@ -45,7 +45,7 @@ export default class extends Vue{
console.log(e) console.log(e)
} }
private async fetchGames(start: number = 0) { 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) { if (res.length === 0) {
this.more = 'noMore' this.more = 'noMore'
return return