89 lines
4.5 KiB
Plaintext
89 lines
4.5 KiB
Plaintext
<!-- index.wxml -->
|
||
<view class="px-main">
|
||
<view class="flex items-center justify-between pt-main w-full">
|
||
<view class="text-28">
|
||
我的K币：
|
||
<span class="text-[#FF0049]">{{ userInfo.egold || 0 }}</span>
|
||
</view>
|
||
<view>在播剧目总数：{{ userInfo.jsvip }}部</view>
|
||
</view>
|
||
<view class="text-28 pt-main flex items-center justify-between">
|
||
<view>
|
||
<span class="">充值</span>
|
||
（1钻=10K币）
|
||
</view>
|
||
<view class="flex items-center justify-end text-[#FF0049]">
|
||
<view class="underline" bind:tap="openAgreement">会员服务协议</view>
|
||
<view class="underline ml-36" bind:tap="openPurchaseNotes">购买须知</view>
|
||
</view>
|
||
</view>
|
||
<view class=""></view>
|
||
<view class="mt-main relative flex justify-center h-80">
|
||
<image class="w-656 h-full" mode="widthFix" src="/static/images/pay-head.png" />
|
||
<view class="absolute w-full h-full flex justify-center items-center text-36 text-transparent bg-gradient-to-t from-[#FB5196] to-[#F76D67] bg-clip-text">
|
||
加入VIP会员免费看剧
|
||
</view>
|
||
</view>
|
||
<view class="h-240 w-full relative mt-main" bind:tap="pay" data-item="{{backInfo}}">
|
||
<image class="w-full h-full" mode="widthFix" src="/static/images/pay-bg-1.png" />
|
||
<image class="absolute right-0 top-0 w-126 h-72" mode="widthFix" src="/static/images/pay-hot.png" />
|
||
<view class="absolute left-32 top-32 right-32 flex flex-col">
|
||
<view class="text-36 text-fff">充{{ backInfo.price || 0 }}送{{ backInfo.zbegold || 0 }}</view>
|
||
<view class="text-24 mt-2 text-[#FFDAB5]">共{{ backInfo.egold || 0 }}K币！惊喜福利，超低充值</view>
|
||
<van-button type="primary" plain color="#F9637B" block custom-class="recharge-button">
|
||
￥{{ backInfo.price || 0 }}
|
||
<span class="text-24">/{{ backInfo.egold || 0 }} K币</span>
|
||
</van-button>
|
||
</view>
|
||
</view>
|
||
<view class="border-2 border-dashed border-pay-line my-main"></view>
|
||
<view class="w-full flex flex-wrap items-center justify-between">
|
||
<view class="w-330 h-200 rounded-16 flex flex-col mb-36 relative border-2 border-solid border-[#FDBAC5] overflow-hidden" wx:for="{{list}}" wx:key="*this" bind:tap="pay" data-item="{{item}}">
|
||
<view class="absolute top-0 right-0 bg-gradient-to-r from-[#F3583D] to-[#FA5EAE] rounded-bl-16 px-16 h-36 leading-[36rpx] text-24 text-fff">
|
||
{{item.poster}}
|
||
</view>
|
||
<view class="pl-32 h-124 mt-12 flex flex-col justify-center items-start">
|
||
<block wx:if="{{index%2===0}}">
|
||
<view class="flex flex-wrap items-center">
|
||
<image class="w-32 h-32 mr-12" mode="widthFix" src="/static/images/gift.png" />
|
||
<view class="text-36 text-[#F9637B] leading-1.4">{{item.egold}}</view>
|
||
</view>
|
||
<view class="text-24 text-[#999]">
|
||
{{item.title}}{{!item.giveegold ? '' : "（" + item.giveegold+'K币）'}}
|
||
</view>
|
||
</block>
|
||
<block wx:else>
|
||
<view class="flex flex-wrap items-center">
|
||
<image class="w-32 h-32 mr-12" mode="widthFix" src="/static/images/diamond.png" />
|
||
<view class="text-36 text-[#F9637B] leading-1.4">{{item.title}}</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
<view class="absolute left-0 bottom-0 h-64 w-full bg-[#FDBAC5] flex items-center justify-center text-[#F9637B] text-36">
|
||
￥{{item.price}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<van-popup show="{{ showCenter }}" custom-style="background:rgba(0,0,0,0)">
|
||
<view class="relative w-650" catch:tap="pay" data-item="{{backInfo}}">
|
||
<image class="w-full " mode="widthFix" src="/static/images/paybj.png" />
|
||
<view class="absolute left-0 top-160 w-full leading-1 tracking-normal">
|
||
<view class=" flex justify-center items-center">
|
||
<view class="text-40 text-[#1a1a1a]">充</view>
|
||
<view class="text-64 text-[#ff6d35] px-14">{{ backInfo.price || 0 }}</view>
|
||
<view class="text-40 text-[#1a1a1a]">送</view>
|
||
<view class="text-64 text-[#ff6d35] px-14">{{ backInfo.zbegold || 0 }}</view>
|
||
<view class="text-40 text-[#1a1a1a]">元</view>
|
||
</view>
|
||
<view class=" flex justify-center items-center mt-main">
|
||
<view class="text-32 text-[#1a1a1a]">共</view>
|
||
<view class="text-48 text-[#ff6d35] px-14">{{ backInfo.egold || 0 }}</view>
|
||
<view class="text-35 text-[#1a1a1a]">K币</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="mt-main flex justify-center">
|
||
<i class="iconfont icon-a-Frame5029 text-40 p-14 leading-1 bg-fff-25 rounded-full text-fff" bind:tap="onClose" />
|
||
</view>
|
||
</van-popup> |