1***@qq.com
1***@qq.com
  • 发布:2025-08-28 10:04
  • 更新:2025-08-28 10:04
  • 阅读:2301

movable-view里面的元素内容在安卓、ios都正常显示大小(显示整个屏幕),但在ipad上不只会占据上部分,不能像手机一样占满(都是横屏)

分类:uni-app
<movable-area class="overflow-auto !relative flex-1 bg-#e0e0e0" scale-area ="true" style="{ height: systemInfoHeight + 'px',width: systemInfoWidth + 'px' }" v-show="showMovablearea"
>
<movable-view
class="!w-full !h-full !relative overflow-auto bg-#e0e0e0" style="{ height: (movableViewheight) + 'px !important',width: (movableViewwidth) + 'px !important',left: preScrollleft +'px'}" direction="all" scale = "true" scale-min="scaleMin" scale-max="scaleMax" scale-value="scaleValue" out-of-bounds = "true" @scale = "handleScale"
@click = "handEnd"
@change = "watchChange"

animation="true"

<view class="flex absolute z-200 top-10px left-20px w-180rpx transition-all ease-in-out duration-300 rounded-5rpx opacity-70 bg-#666666 z-9999" :style="{height: equipDrawingsStatus ? '105rpx' : '35rpx'}" v-if="theScale <= 1">
<view class="w-180rpx absolute z-100 transition-all ease-in-out duration-300 top-40rpx rounded-bl-5rpx rounded-br-5rpx " :style="{height: equipDrawingsStatus ? '70rpx' : '0'}">
<view v-for="(item,index) in drawingsList" :key="index" class="w-full h-30rpx flex items-center m-auto" @click="dochooseDawings(index)" v-show="showequipDrawings" :style="{background: equipDrawings === drawingsList[index] ? '#333333' : '#666666'}">

                      <view class="ml-20rpx ">  
                        <text class="text-13rpx color-white font-bold flex items-center"> {{ item.name }} </text>  
                      </view>  
                    </view>    
                </view>  

                <view class="w-180rpx h-35rpx absolute z-99 flex items-center justify-center transition-left ease-in-out duration-300 rounded-5rpx " >  
                  <view class="w-full h-30rpx flex items-center ml-20rpx absolute" @click="doClickequipmentDrawings">  
                    <text class="text-15rpx color-white font-bold">{{  equipDrawings }}</text>  
                  </view>  

                  <view class="h-30rpx w-30rpx absolute right-0 flex items-center " @click="doClickequipmentDrawings" >  
                    <view class="i-flowbite:caret-right-solid color-white rotate-90" style="font-size: 20rpx;" v-if="!equipDrawingsStatus"/>  
                    <view class="i-flowbite:caret-left-solid color-white rotate-90" style="font-size: 20rpx;" v-else />  
                  </view>  
                </view>  
            </view>  
  <!-- :style="styleObj" -->  
            <blockquote v-for="(item,index) in drawingsList" :key="index">  
                <view v-if="equipDrawings == item.name" class="pl-20rpx">  
                    <component :is="item.component"></component>  
                </view>  
            </blockquote>  
        </movable-view>  
    </movable-area>
2025-08-28 10:04 负责人:无 分享
已邀请:

要回复问题请先登录注册