<wxs src="../../../utils/filter.wxs" module="filters" />
<view class="buyVip" wx:if="{{show}}">
    <view class="modal">
        <view class="header" wx:if="{{!isIos}}">
            <view class="h1">{{!isPreferential?'您还不是VIP会员':'您的VIP会员已到期'}}</view>
            <view>{{!isPreferential?'选择下面的会员卡开通后使用':'请续费后使用'}}</view>
        </view>
        <view class="header" wx:if="{{isIos}}">
            <view class="h1">暂无开通权益</view>
            <view>请使用学习卡激活码激活</view>
        </view>
        <scroll-view class="goodsList" scroll-x="true" enhanced show-scrollbar="{{false}}"
            wx:if="{{vipTime!='1'&&!isIos}}">
            <view class="payBox pbbg2">
                <view class="pay" bindtap="toBuy" data-goods="{{products[0]}}">
                    {{isPreferential?'立即续费':'立即开通'}}
                </view>
            </view>
            <view class="payBox pbbg1">
                <view class="pay" bindtap="toBuy" data-goods="{{products[2]}}">
                    {{isPreferential?'立即续费':'立即开通'}}
                </view>
            </view>
            <view class="payBox pbbg3">
                <view class="pay" bindtap="toBuy" data-goods="{{products[1]}}">
                    {{isPreferential?'立即续费':'立即开通'}}
                </view>
            </view>
        </scroll-view>
        <view wx:if="{{vipTime!='1'&&isIos}}" class="iosVip">
            <image src="{{qrCode}}" show-menu-by-longpress="true"  class="qrCode"/>
        </view>
    </view>
    <image src="/static/lollipop.png" class="close" catchtap="closeModal" />
</view>