<view class="pet-kind fixed left bottom top">
    <view class="pet-kind-list flex-vc">
        <block wx:for="{{kindlist}}">
            <view class="kind-pet flex-vc" bindtap="selectkind" data-type="{{item.type}}">
                <view class="kind-pet-des" style="border:{{item.isactive==true ? '2px solid #fcb34c' : 0}};"><image src="{{item.image}}" class="kind-pet-img"></image></view>
                <view class="{{item.isactive==true ? 'orange-font' : 'black-font'}} font34r">{{item.kindtitle}}</view>
            </view>
        </block>
    </view>
    <view class="pet-after-button bg-orange white-font font32r left right flex-cm" bindtap="afterstep">下一步</view>
</view>
<block wx:if="{{petlist}}">
    <view class="pet-kind fixed left bottom top bg-white pet-kind-after">
        <view class="gray-deep-font font30r pet-kind-select">选择宠物品种</view>
        <view class="pet-kind-kind flex-rs">
            <block wx:for="{{petlist}}">
                <view class="pet-kind-single flex-vc">
                    <view>
                        <image src="/pages/image/topic3.jpg" class="pet-kind-image"></image>
                    </view>
                    <view class="black-font font28r">{{item.title}}</view>
                </view>
            </block>
        </view>
    </view>
</block>