微信小程序微信急救应急处理样式模板制作设计下载

<view class="tutorial-container">
  <view class="tutorial-title animated {{ selectedTab === 0 ? 'fadeInRight' : 'fadeInLeft' }}">
    {{ selectedTab === 0 ? emergencyTitle : studayTitle }}
  </view>
  <view class="tabs-container" >
    <view class="tabs">
      <view
        bindtap="bindSelectedTab"
        class="{{selectedTab === 0 ? 'selected-tab' : 'tab' }}"
        data-tab="0"
      >
        应急
      </view>
      <view
        bindtap="bindSelectedTab"
        class="{{selectedTab === 1 ? 'selected-tab' : 'tab' }}"
        data-tab="1"
      >
        学习
      </view>
    </view>
    <view
      class="bar"
      style="margin-left: {{selectedTab === 0 ? '5%' : '55%'}}"
    />
  </view>
  <swiper class="swiper" current="{{selectedTab}}" bindchange="change">
    <swiper-item class="swiper-item">
      <template
        is="tutorial"
        data="{{title: '意识丧失', type: '应急', tap: tap, src: '../../assets/images/unconsciousness.svg' }}"
      />
    <template is="tutorial" data="{{ title: '烧烫伤', type: '应急', tap: tap, src: '../../assets/images/Scald.svg' }}" />
    </swiper-item>
    <swiper-item class="swiper-item">
      <template is="tutorial" data="{{ title: '意识丧失', type: '学习', tap: tap, src: '../../assets/images/unconsciousness.svg' }}" />
    </swiper-item>
  </swiper>
</view>

<template name="tutorial">
  <view bindtap="tap" class="tutorial-item" data-title="{{title}}" data-type="{{type}}" >
    <text> {{title}} </text>
    <image src="{{src}}" style="height: 50rpx; width: 50rpx" />
  </view>
</template>