R524809
61 lines
2.2 KiB
Plaintext
61 lines
2.2 KiB
Plaintext
<view class="introduction-popup" catchtouchmove="preventScroll">
|
|
<view class="introduction-popup-title">跟我一起来涂色、识字吧！</view>
|
|
<view class="tip-box tip-box--{{currentStep}} {{platform}}"></view>
|
|
<view class="btn-area {{currentStep}}">
|
|
<toy-button
|
|
type="white"
|
|
plain
|
|
bind:click="toNextStep"
|
|
custom-class="btn-next-step">
|
|
{{currentStep === 'fourth' ? '去体验' : '下一步'}}
|
|
</toy-button>
|
|
</view>
|
|
<view class="step-box {{currentStep}}-step {{platform}}">
|
|
<toy-icon
|
|
class-prefix="toy-icon"
|
|
name="guide"
|
|
color="#FFEB3B"
|
|
custom-class="guide-icon"
|
|
size="100rpx" />
|
|
<view class="tip-text"> {{stepTexts[currentStepIndex]}} </view>
|
|
</view>
|
|
<!-- <view class="first-step" wx:if="{{currentStep === 'first'}}">
|
|
<van-icon
|
|
class-prefix="toy-icon"
|
|
name="guide"
|
|
color="#FFEB3B"
|
|
custom-class="guide-icon"
|
|
size="100rpx" />
|
|
<view class="tip-text">
|
|
这里请输入你想让小朋友熟悉的汉字、字母、数字等，点击“确定”
|
|
</view>
|
|
</view>
|
|
<view class="second-step" wx:elif="{{currentStep === 'second'}}">
|
|
<van-icon
|
|
class-prefix="toy-icon"
|
|
name="guide"
|
|
color="#FFEB3B"
|
|
custom-class="guide-icon"
|
|
size="100rpx" />
|
|
<view class="tip-text"> 点击这里修改颜色 </view>
|
|
</view>
|
|
<view class="third-step" wx:elif="{{currentStep === 'third'}}">
|
|
<van-icon
|
|
class-prefix="toy-icon"
|
|
name="guide"
|
|
color="#FFEB3B"
|
|
custom-class="guide-icon"
|
|
size="100rpx" />
|
|
<view class="tip-text"> 点击这里删除 </view>
|
|
</view>
|
|
<view class="fourth-step" wx:else>
|
|
<van-icon
|
|
class-prefix="toy-icon"
|
|
name="guide"
|
|
color="#FFEB3B"
|
|
custom-class="guide-icon"
|
|
size="100rpx" />
|
|
<view class="tip-text"> 这里会生成图片，下载后可打印、涂色、识字 </view>
|
|
</view> -->
|
|
</view>
|