>
<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>
0 个回复