Initial Commit
This commit is contained in:
commit
1d71a02738
237 changed files with 64293 additions and 0 deletions
44
components/interactive-feedback/interactive-feedback.wxml
Normal file
44
components/interactive-feedback/interactive-feedback.wxml
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!-- 🎯 交互反馈组件 -->
|
||||
<view class="interactive-feedback-container {{feedbackClass}}"
|
||||
style="{{feedbackStyle}}"
|
||||
animation="{{animationData}}"
|
||||
bindtouchstart="onTouchStart"
|
||||
bindtouchend="onTouchEnd"
|
||||
bindtouchcancel="onTouchCancel"
|
||||
bindtap="onTap"
|
||||
bindlongpress="onLongPress">
|
||||
|
||||
<!-- 内容插槽 -->
|
||||
<slot></slot>
|
||||
|
||||
<!-- 波纹效果 -->
|
||||
<view wx:if="{{showRipple}}" class="ripple-container">
|
||||
<view wx:for="{{ripples}}"
|
||||
wx:key="id"
|
||||
class="ripple {{item.class}}"
|
||||
style="{{item.style}}"
|
||||
animation="{{item.animation}}">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 触摸反馈 -->
|
||||
<view wx:if="{{showTouchFeedback}}"
|
||||
class="touch-feedback {{touchFeedbackClass}}"
|
||||
style="{{touchFeedbackStyle}}">
|
||||
</view>
|
||||
|
||||
<!-- 加载状态 -->
|
||||
<view wx:if="{{loading}}" class="loading-overlay">
|
||||
<view class="loading-spinner" animation="{{loadingAnimation}}"></view>
|
||||
</view>
|
||||
|
||||
<!-- 成功反馈 -->
|
||||
<view wx:if="{{showSuccess}}" class="success-feedback" animation="{{successAnimation}}">
|
||||
<text class="success-icon">✓</text>
|
||||
</view>
|
||||
|
||||
<!-- 错误反馈 -->
|
||||
<view wx:if="{{showError}}" class="error-feedback" animation="{{errorAnimation}}">
|
||||
<text class="error-icon">✕</text>
|
||||
</view>
|
||||
</view>
|
||||
Loading…
Add table
Add a link
Reference in a new issue