<view class="page">
  <!-- 绿色方块 -->
  <view 
    class="green-square" 
    style="top: {{squareY}}px; left: {{squareX}}px; width: {{squareWidth}}px; height: {{squareHeight}}px;"
    bindtouchstart="onMoveStart"
    bindtouchmove="onMoveMove"
    bindtouchend="onMoveEnd"
  >
    <!-- 四个角的拖拽手柄 -->
    <view class="resize-handle tl" bindtouchstart="onResizeStart" bindtouchmove="onResizeMove" data-corner="tl"></view>
    <view class="resize-handle tr" bindtouchstart="onResizeStart" bindtouchmove="onResizeMove" data-corner="tr"></view>
    <view class="resize-handle bl" bindtouchstart="onResizeStart" bindtouchmove="onResizeMove" data-corner="bl"></view>
    <view class="resize-handle br" bindtouchstart="onResizeStart" bindtouchmove="onResizeMove" data-corner="br"></view>
  </view>
</view>
