这个页面在h5调试和部分手机测试时是正常的,正式打包后偶尔会出现异常,问题不知道出在哪里,而且他是偶然出现,不好复现。
希望大神联系我,感谢,QQ 568132828
大概结构是这样的:外面scroll-view 可以横线滚动。里面是一个大的movable-area,有2250rpx宽。里面的物品可以移动。
<scroll-view class="bg " :scroll-x="true" :scroll-y="false" @scroll="scroll" :scroll-left="375">
<!-- 家具 -->
<movable-area class="m-area">
<movable-view class="" v-for="(item,index) in furnitare_list" :key="index"
v-if="furnitare_list.length>0 && Object.keys(group_pst).length>0 &&Object.keys(group_default).length>0 "
:style="{'left':group_pst[item.dress__group_id].x+'rpx',
'top':group_pst[item.dress__group_id].y+'rpx',
'width':group_default[item.dress__group_id].width+'rpx',
'height':group_default[item.dress__group_id].height+'rpx',
'z-index':group_default[item.dress__group_id].zindex,}">
<image class="itm " :class="[move_group_id==item.dress__group_id?'move-outer':'']" :style="{
'width':group_default[item.dress__group_id].width+'rpx',
'height':group_default[item.dress__group_id].height+'rpx',
}" :src="'/static/images/room/'+item.dress__group_id+'/'+item.dress__png+'.png'"
@longpress="longPress($event,item.dress__group_id,item.dress_id)" @touchmove="touchMove"
@touchstart="touchStart" @touchend="touchEnd" @click.stop="" />
</movable-view>
<view
v-if="move_group_id&& furnitare_list.length>0 && Object.keys(group_pst).length>0 &&Object.keys(group_default).length>0 ">
<image class="gou" src="@/static/images/icon/gou.png" @click="savezs"
:style="{'left':(group_pst[move_group_id].x+group_default[move_group_id].width-20)+'rpx','top':(group_pst[move_group_id].y-20)+'rpx'}">
</image>
<image class="gou" src="@/static/images/icon/cha.png" @click="delezs"
:style="{'left':(group_pst[move_group_id].x-20)+'rpx','top':(group_pst[move_group_id].y-20)+'rpx'}">
</image>
</view>
<!-- 人物 -->
<movable-view class="people " :style="{'left':people_position.x+'rpx','top':people_position.y+'rpx',
'width':people_size.w+'rpx','height':people_size.h+'rpx'}"
v-if="dress_list.length>0 && Object.keys(group_pst).length>0 &&Object.keys(group_default).length>0 "
@touchmove="touchMovePeople" @click.native="goUrl('/pages/my/dress/dress')">
<view class="groupx " :style="{'width':people_size.w+'rpx','height':people_size.h+'rpx'}">
<image class="ptm " v-for="(item,index) in dress_list" :key="index"
:style="{'left':group_default[item.dress__group_id].x+'rpx','top':group_default[item.dress__group_id].y+'rpx',
'width':group_default[item.dress__group_id].width+'rpx','height':group_default[item.dress__group_id].height+'rpx',
'z-index':group_default[item.dress__group_id].zindex,
}" :src="'/static/images/room/'+item.dress__group_id+'/'+item.dress__png+'.png'" />
<image v-if="!firstUse"
:src="'/static/images/room/eyes_'+(user_info.sex==1?'boy':'girl')+'.gif'"
:class="user_info.sex==1?'eyes-boy':'eyes-girl'"></image>
</view>
</movable-view>
</movable-area>
</scroll-view>
正常情况:
异常情况:右边会出现大片空白