在 iPhone手机 系统是iOS9.3.5 上显示的是如下的异常效果。
正常的显示应该如下
现在把关键代码和样式贴下
wxml
< view class = 'section' > < navigator url = '/pages/user/enjoy' class = 'head' > < view class = 'title' >我喜欢的方案</ view > < image src = '{{imgMap.arrowUp}}' ></ image > </ navigator > < scroll-view scroll-x> < view class = 'content' > < block wx:if='{{myEnjoyList.length > 0}}'> < view class = 'item' wx:for = '{{myEnjoyList}}' wx:key = 'enjoyItem{{index}}' data-index = '{{index}}' bindtap = 'onTapEnjoyItem' > < image src = '{{item.imgsrc}}' /> < view >{{item.title}}</ view > </ view > </ block > < view wx:else class = 'empty' >您还没有收藏过喜欢的方案哦!</ view > </ view > </ scroll-view > </ view > |
wxss
.section { background-color : white ; } .section .head { display : flex; flex- direction : row; justify- content : space-between; align-items: center ; padding : 0 30 rpx; height : 118 rpx; } .section .head .title { font-weight : bold ; font-size : 36 rpx; } .section .head image { width : 32 rpx; height : 32 rpx; transform: rotate( 90 deg); opacity: 0.4 ; filter: alpha(opacity= 40 ); } .content { height : 230 rpx; width : auto ; display : flex; flex- direction : row; background-color : #fdfdfd ; align-items: center ; padding : 0 20 rpx; } .content .item { display : flex; flex- direction : column; align-items: center ; padding-right : 20 rpx; } .content .item image { width : 100% ; height : 150 rpx; border-radius: 6 rpx; } .content .item view { font-size : 28 rpx; color : #666 ; margin-top : 10 rpx; white-space : nowrap ; text- overflow : ellipsis; overflow : hidden ; width : 270 rpx; text-align : center ; } .space { border-top : 20 rpx #eee solid ; } .empty { display : flex; justify- content : center ; align-items: center ; width : 100% ; font-size : 32 rpx; color : #999 ; } |
其他android手机或开发工具都正常显示,目前发现就只有在 iOS9.3.5( iOS9的其他版本没测过)出现问题。
兄弟,我是这样写的,没遇到什么问题,你参考下:
<
scroll-view
class
=
'section_list2'
scroll-x
=
"{{true}}"
>
<
view
class
=
'section_list2_item'
wx:for
=
"{{recommendData.artist.child}}"
wx:key
=
"{{index}}"
data-index
=
'{{index}}'
bindtap
=
"goArtistDetail"
>
<
view
class
=
'icon'
>
<
sd-image
src
=
'{{item.extInfo.avatarLink}}'
/>
</
view
>
<
view
class
=
'title line_1'
>{{item.extInfo.name}}</
view
>
<
view
class
=
'sub-title line_1'
>{{item.extInfo.introduction}}</
view
>
</
view
>
</
scroll-view
>
.section_list
2
{
white-space
:
nowrap
;
margin-top
:
36
rpx;
}
.section_list
2
_item {
display
: inline-flex;
width
:
240
rpx;
flex-
direction
: column;
align-items:
center
;
}
.section_list
2
_item:first-child {
margin-left
:
16
rpx;
}
.section_list
2
_item:last-child {
margin-right
:
16
rpx;
}
.section_list
2
_item .
icon
{
width
:
160
rpx;
height
:
160
rpx;
border-radius:
80
rpx;
overflow
:
hidden
;
}
.section_list
2
_item .title {
font-size
:
28
rpx;
line-height
:
40
rpx;
color
:
#333
;
font-family
: PingFangSC-Medium;
margin-top
:
24
rpx;
}
.section_list
2
_item .sub-title {
font-size
:
24
rpx;
color
:
#999
;
line-height
:
34
rpx;
margin-bottom
:
20
rpx;
max-width
:
200
rpx;
}
scrollview 里面放 view wx:for 无法滑动
真机没问题呀 我的都是这样写的, 在windows 开发环境中确实有这个问题,但是mac版是没有的
刚刚仔细试了下,可以了,可能之前太粗心了。 谢谢。
不用客气哈
我也遇到同样的问题,请问是怎么解决的?