1 line
2.0 KiB
Plaintext
1 line
2.0 KiB
Plaintext
<view class="page-body"><page-head vue-id="d7a7bd5c-1" title="movable-view,可拖动视图" bind:__l="__l"></page-head><view class="uni-padding-wrap uni-common-mt"><view class="uni-title uni-common-mt">示例 1<text>\nmovable-view 区域小于 movable-area</text></view><movable-area><movable-view x="{{x}}" y="{{y}}" direction="all" data-event-opts="{{[['change',[['onChange',['$event']]]]]}}" bindchange="__e">text</movable-view></movable-area><view data-event-opts="{{[['tap',[['tap',['$event']]]]]}}" class="uni-link uni-center uni-common-mt" bindtap="__e">点击这里移动至 (30px, 30px)</view><view class="uni-title uni-common-mt">示例 2<text>\nmovable-view区域大于movable-area</text></view><movable-area><movable-view class="max" direction="all">text</movable-view></movable-area><view class="uni-title uni-common-mt">示例 3<text>\n只可以横向移动</text></view><movable-area><movable-view direction="horizontal">text</movable-view></movable-area><view class="uni-title uni-common-mt">示例 4<text>\n只可以纵向移动</text></view><movable-area><movable-view direction="vertical">text</movable-view></movable-area><view class="uni-title uni-common-mt">示例 5<text>\n可超出边界</text></view><movable-area><movable-view direction="all" out-of-bounds="{{true}}">text</movable-view></movable-area><view class="uni-title uni-common-mt">示例 6<text>\n带有惯性</text></view><movable-area><movable-view direction="all" inertia="{{true}}">text</movable-view></movable-area><view class="uni-title uni-common-mt">示例 7<text>\n可放缩</text></view><movable-area scale-area="{{true}}"><movable-view direction="all" scale="{{true}}" scale-min="0.5" scale-max="4" scale-value="{{scale}}" data-event-opts="{{[['scale',[['onScale',['$event']]]]]}}" bindscale="__e">text</movable-view></movable-area><view data-event-opts="{{[['tap',[['tap2',['$event']]]]]}}" class="uni-link uni-center uni-common-mt" style="padding-bottom:80rpx;" bindtap="__e">点击这里放大3倍</view></view></view> |