greenPro/unpackage/dist/dev/mp-weixin/pages/component/movable-view/movable-view.wxml

1 line
1.7 KiB
Plaintext

<view class="page-body"><page-head wx:if="{{a}}" u-i="4e227424-0" bind:__l="__l" u-p="{{a}}"></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="{{b}}" y="{{c}}" direction="all" bindchange="{{d}}">text</movable-view></movable-area><view bindtap="{{e}}" class="uni-link uni-center uni-common-mt"> 点击这里移动至 (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>text</movable-view></movable-area><view class="uni-title uni-common-mt"> 示例 6 <text>\n带有惯性</text></view><movable-area><movable-view direction="all" inertia>text</movable-view></movable-area><view class="uni-title uni-common-mt"> 示例 7 <text>\n可放缩</text></view><movable-area scale-area><movable-view direction="all" bindscale="{{f}}" scale scale-min="0.5" scale-max="4" scale-value="{{g}}">text</movable-view></movable-area><view bindtap="{{h}}" class="uni-link uni-center uni-common-mt" style="padding-bottom:80rpx"> 点击这里放大3倍 </view></view></view>