<movable-area class="marea" scale-area>
<movable-view class="mview" direction="all" scale scale-min="1" scale-max="6" :scale-value="1">
<image class="image" src="../static/uni.png" mode="widthFix" />
</movable-view>
</movable-area>
.marea {
width: 350px;
height: 700px;
overflow: hidden;
background-color: #5555ff;
.mview {
display: flex;
align-items: center;
justify-content: center;
width: 350px;
height: auto;
min-height: 100%;
background-color: #ffff7f;
overflow-x: scroll;
.image {
width: 100%;
background-color: #aaff00;
}
}
}
