40 lines
1.4 KiB
Plaintext
40 lines
1.4 KiB
Plaintext
|
<!-- 新用户引导组件 -->
|
||
|
|
<view class="guide-mask" wx:if="{{show}}" catchtouchmove="preventMove" bindtap="handleMaskTap">
|
||
|
|
<!-- 遮罩层 -->
|
||
|
|
<view class="guide-overlay"></view>
|
||
|
|
|
||
|
|
<!-- 高亮区域 -->
|
||
|
|
<view class="guide-spotlight"
|
||
|
|
style="top: {{spotlightStyle.top}}px; left: {{spotlightStyle.left}}px; width: {{spotlightStyle.width}}px; height: {{spotlightStyle.height}}px; border-radius: {{spotlightStyle.borderRadius}}px;">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 提示内容 -->
|
||
|
|
<view class="guide-content" style="{{contentStyle}}">
|
||
|
|
<!-- 箭头指示器 -->
|
||
|
|
<view class="guide-arrow {{arrowDirection}}" wx:if="{{showArrow}}"></view>
|
||
|
|
|
||
|
|
<!-- 文本内容 -->
|
||
|
|
<view class="guide-text-wrapper">
|
||
|
|
<view class="guide-title">{{title}}</view>
|
||
|
|
<view class="guide-desc">{{description}}</view>
|
||
|
|
|
||
|
|
<!-- 底部操作栏 -->
|
||
|
|
<view class="guide-footer">
|
||
|
|
<view class="guide-dots">
|
||
|
|
<view class="guide-dot {{index === currentStep ? 'active' : ''}}"
|
||
|
|
wx:for="{{totalSteps}}"
|
||
|
|
wx:key="index">
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="guide-actions">
|
||
|
|
<text class="guide-skip" bindtap="handleSkip" wx:if="{{currentStep < totalSteps - 1}}">跳过</text>
|
||
|
|
<text class="guide-next" bindtap="handleNext">
|
||
|
|
{{currentStep === totalSteps - 1 ? '知道了' : '下一步'}}
|
||
|
|
</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|