<!--pages/select/index.wxml-->
<view class="container">
    <view class="app" style="background-image:url({{bg}});--margin: {{isBigScreen?'10rpx':'20rpx'}};">
        <view class="ai_top">
            <view class="ai_title">选择喜爱的三国人物，拍照换装</view>
            <view class="ai_pic">
               <view data-id="{{item.id}}" data-name="{{item.name}}" bindtap="toDemo" wx:for='{{demo}}' wx:key="{{item.id}}">
                <image src="{{cdn_url}}/images/demo/{{item.id}}.png" mode="widthFix" />
                <text>{{item.name}}</text>
               </view>
            </view>
        </view>
        <view class="ai_bottom" >
            <view bindtap="toggleDemo">
                <image src="{{cdn_url}}/images/reg_btn@2x.png" mode="widthFix" />
                <text>换装示例</text>
            </view>
        </view>
    </view>
    <view class="show_con" wx:if="{{showDemo}}">
        <view class="show_mask"></view>
        <view class="show_demo">
            <image src="{{cdn_url}}/images/demo.jpg" mode="widthFix" />
            <text bindtap="toggleDemo" class="iconfont iconquxiao"></text>
        </view>
    </view>
      
</view>
  