电影详情页"影人"部分scroll-view 里的图片可滑动区域问题

来源:

pomelo9240

2017-01-17

http://szimg.mukewang.com/587d8a4d000105e904920450.jpg

就像我的上面图上标的,红色框框里滑动鼠标才可以拖动影人部分左右滑动,可是我期望的是在绿色的框框里可以拖动滑动

这种情况是属于正常现象还是我自己没有码好代码..

我的wxml部分:

<view class="cast">
    <text class="cast-font">影人</text>
    <scroll-view class="cast-imgs" scroll-x="true">
        <block wx:for="{{ movie.castsInfo }}" >
            <view class="cast-container">
                <image class="cast-img" src="{{ item.img }}"></image>
                <text class="cast-name">{{ item.name }}</text>
            </view>
        </block>
    </scroll-view>
</view>

这个是WXSS部分:

.cast {
    display: flex;
    flex-direction: column;
    margin-top: 50rpx;
    margin-left: 40rpx;
}

.cast-font {
    margin-bottom:40rpx;
    color:#999;
}

.cast-imgs {
    white-space: nowrap;
}

.cast-container {
    display: inline-flex;
    flex-direction: column;
    margin-right: 40rpx;
    margin-bottom: 50rpx;
    width: 170rpx;
    text-align: center;
    white-space: normal;
}

.cast-img {
    width: 170rpx;
    height: 210rpx;
}

.cast-name {
    margin: 10rpx auto 0;
}

影人部分的样式我都是按您在视频里写的,后来我在这个页面把上面所有的样式都去掉了只留下了"影人"这部分的样式还是那个红色区域管用..所以不知道这是个BUG还是我自己的代码问题..用了很多方法还是不管用


老师您方便的时候再来回答这个问题吧,我不是很着急。看您已经耐心回答快40页的问题了真是太不容易了!谢谢七月老师..

写回答

1回答

7七月

2017-01-17

我有时间就回第一时间回。我刚刚特意又跑了下讲课的项目,没有出现这个问题。你是在真机上还是模拟器里,我看了下都没问题。你现在的进度可以下载源代码了。在同学里,下载源代码,仔细对比一下。但我总觉得这个问题挺奇怪的。你对比代码 ,看看是不是有不一样的。如果是完全一样的,你再回复我我在看下

0
2
pomelo9240
谢谢七月老师!
2017-01-17
共2条回复

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23867 学习 · 6899 问题

查看课程