<scroll-view class= 'menu' scroll-x= "true" bindscroll= "scroll" >
<view class= '{{currentMenuIndex==index?"menu_item selected_menu":"menu_item"}}'
wx:key= "{{index}}"
bindtap= 'onPressMemu'
wx: for = '{{menus}}'
data-index= "{{index}}" >
{{item}}
</view>
</scroll-view>
|
样式:
.menu {
margin-top : 1 rem;
width : 100% ;
height : 4 rem;
line-height : 2 rem;
white-space : nowrap ;
display : flex;
}
.menu_item {
display : inline- block ;
width : 10% ;
height : 2 rem;
margin : 0 . 3 rem;
white-space : nowrap ;
text-align : center ;
}
|
这个宽度只能用百分比吗?ios下横向是会显示全的 但android会被截掉后面一部分。求解