电影详情页"影人"部分scroll-view 里的图片可滑动区域问题
来源:
pomelo9240
2017-01-17
就像我的上面图上标的,红色框框里滑动鼠标才可以拖动影人部分左右滑动,可是我期望的是在绿色的框框里可以拖动滑动
这种情况是属于正常现象还是我自己没有码好代码..
我的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回答
-
我有时间就回第一时间回。我刚刚特意又跑了下讲课的项目,没有出现这个问题。你是在真机上还是模拟器里,我看了下都没问题。你现在的进度可以下载源代码了。在同学里,下载源代码,仔细对比一下。但我总觉得这个问题挺奇怪的。你对比代码 ,看看是不是有不一样的。如果是完全一样的,你再回复我我在看下
022017-01-17
相似问题