修正游戏详情页面能横向滚动的bug

This commit is contained in:
zhl 2019-02-20 09:23:17 +08:00
parent 66ebe73c8c
commit 147ce37d5b
5 changed files with 10 additions and 8 deletions

View File

@ -1,5 +1,5 @@
export default { export default {
apiBase: 'http://192.168.100.228', apiBase: 'http://192.168.100.232',
hostBase: 'https://pay.kingsome.cn', hostBase: 'https://pay.kingsome.cn',
version: '1.0.1', version: '1.0.1',
gameTypes: ['射击','格斗', '角色扮演','动作角色扮演', gameTypes: ['射击','格斗', '角色扮演','动作角色扮演',

View File

@ -2,6 +2,7 @@
@import "../style/game-info.wxss"; @import "../style/game-info.wxss";
</style> </style>
<template> <template>
<view class="container">
<view class="top-bar"> <view class="top-bar">
<view class="top-game-icon"> <view class="top-game-icon">
<image src="{{record.icon}}"></image> <image src="{{record.icon}}"></image>
@ -11,9 +12,8 @@
<view class="top-game-desc">123123</view> <view class="top-game-desc">123123</view>
</view> </view>
</view> </view>
<view class="container">
<imageSwiper :imageList.sync="imageList" @tapBanner.user="imageTap"></imageSwiper> <imageSwiper :imageList.sync="imageList" @tapBanner.user="imageTap"></imageSwiper>
</view>
<view class="more-game-info"> <view class="more-game-info">
<view class="part-title"><i class="icon-bookmark"></i> 详细信息</view> <view class="part-title"><i class="icon-bookmark"></i> 详细信息</view>
<view class="game-info-cell"> <view class="game-info-cell">
@ -44,6 +44,7 @@
<i class="icon-upload"></i> <i class="icon-upload"></i>
收起</view> 收起</view>
</view> </view>
</view>
<gameBottomBar :config.sync="bottomActionCfg" @bottomMainTap.user="bottomMainTap" @bottomSecondTap.user="bottomSecondTap"/> <gameBottomBar :config.sync="bottomActionCfg" @bottomMainTap.user="bottomMainTap" @bottomSecondTap.user="bottomSecondTap"/>
</template> </template>

View File

@ -3,7 +3,7 @@
flex-flow: row nowrap; flex-flow: row nowrap;
padding: 15px; padding: 15px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
width: 100%; width: 750rpx;
} }
.game-cell .game-icon { .game-cell .game-icon {
margin-right:0.8em; margin-right:0.8em;

View File

@ -2,6 +2,7 @@
display: flex; display: flex;
margin: 20rpx; margin: 20rpx;
width: 100%; width: 100%;
padding-left: 40rpx;
} }
.top-game-icon { .top-game-icon {
width: 130rpx; width: 130rpx;
@ -99,7 +100,7 @@
width: 100%; width: 100%;
} }
.zan-btn { .zan-btn {
padding-left: 10rpx; padding-left: 20rpx;
padding-right: 10rpx; padding-right: 20rpx;
} }

View File

@ -30,7 +30,7 @@ page {
box-shadow: 15 rpx 0 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 15 rpx 0 15px 0 rgba(0, 0, 0, 0.2);
background-color: #fff; background-color: #fff;
z-index: 2; z-index: 2;
width: 100%; width: 750rpx;
} }
.zan-loadmore--nodata { .zan-loadmore--nodata {
@ -40,7 +40,7 @@ page {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size:30rpx; font-size:30rpx;
width: 100%; width: 750rpx;
margin-top: 20rpx; margin-top: 20rpx;
background-color:#EFEFF4; background-color:#EFEFF4;
} }