69 lines
2.1 KiB
XML
69 lines
2.1 KiB
XML
|
|
<view a:if={{!useV2}} class="am-swipe {{swiping ? 'am-swiping' : ''}} {{className}}">
|
|
<block a:if="{{right.length > 0}}">
|
|
<view class="am-swipe-right am-swipe-right-{{$id}}">
|
|
<block a:for="{{right}}">
|
|
<view
|
|
class="am-swipe-btn am-swipe-btn-{{item.type}}"
|
|
onTap="onItemClick"
|
|
data-index="{{index}}"
|
|
key="swipe-item-{{index}}"
|
|
style="{{item.bgColor?'background-color:' + item.bgColor + ';':''}} {{item.fColor?'color: ' + item.fColor + ';':''}}"
|
|
>
|
|
{{item.text}}
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|
|
<view
|
|
class="am-swipe-content"
|
|
onTap="onSwipeTap"
|
|
onTouchStart="onSwipeStart"
|
|
onTouchEnd="onSwipeEnd"
|
|
catchTouchMove="onSwipeMove"
|
|
data-type="content"
|
|
style="-webkit-transform: translateX({{leftPos}}px); transform: translateX({{leftPos}}px);"
|
|
>
|
|
<slot />
|
|
</view>
|
|
</view>
|
|
<view
|
|
class="am-swipe {{className}}"
|
|
style="width: {{viewWidth}}px; height: {{height}}px;"
|
|
key="{{key}}"
|
|
a:else
|
|
>
|
|
<movable-area
|
|
class="am-swipe-movable-area"
|
|
style="width: {{ viewWidth + actionWidth}}px;height: {{height}}px;left: -{{actionWidth}}px;"
|
|
>
|
|
<block a:if="{{right.length > 0}}">
|
|
<view class="am-swipe-right am-swipe-right-{{$id}}" style="right: 0;">
|
|
<block a:for="{{right}}">
|
|
<view
|
|
class="am-swipe-btn am-swipe-btn-{{item.type}}"
|
|
onTap="onItemClick"
|
|
data-index="{{index}}"
|
|
key="swipe-item-{{index}}"
|
|
style="{{item.bgColor?'background-color:' + item.bgColor + ';':''}} {{item.fColor?'color: ' + item.fColor + ';':''}}"
|
|
>
|
|
{{item.text}}
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</block>
|
|
<movable-view
|
|
class="am-swipe-content"
|
|
onTap="onSwipeTap"
|
|
onTouchStart="onSwipeStart"
|
|
direction="horizontal"
|
|
data-type="content"
|
|
style="width: {{viewWidth}}px;height:{{height}}px; transition: {{transitionVal}};"
|
|
x="{{x}}"
|
|
onChange="onChange"
|
|
onChangeEnd="onChangeEnd"
|
|
>
|
|
<slot />
|
|
</movable-view>
|
|
</movable-area>
|
|
</view> |