243 lines
9.2 KiB
HTML
243 lines
9.2 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>充值VIP</title>
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css" />
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/myaccount.css" />
|
||
<link rel="stylesheet" type="text/css" href="__STATIC__/css/jh.css" />
|
||
<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
|
||
</head>
|
||
<style>
|
||
.topup-money {background-color: #ffffff;padding: 15px;}
|
||
.usermoney {border: 1px solid #dedede;overflow: hidden;}
|
||
.network-topup {margin-top: -1px;border-top: 1px solid #f3f3f7;margin-left: 0px;}
|
||
.userdown-top {overflow: hidden;}
|
||
.network-topup ul {overflow: hidden;float: left;}
|
||
.alllist {border-bottom: 2px solid #FFF;color: #e63547;font-weight: bold;}
|
||
.network-topup ul li {border-top: 2px solid #e63547;}
|
||
.userdown-top ul li {
|
||
float: left;cursor: pointer;width: 100px;text-align: center;
|
||
border: 1px solid #dedede;padding: 8px 2px;margin-left: -1px;
|
||
}
|
||
.network-topup p {
|
||
padding-right: 10px;margin-top: 8px;color: #036eb8;cursor: pointer;float: right;
|
||
}
|
||
.choicetu {
|
||
overflow: hidden;padding: 10px;margin-top: 16px;
|
||
}
|
||
.choicetu p {
|
||
margin-bottom: 10px;font-size: 16px;color: #666666;
|
||
}
|
||
.fop-main {
|
||
overflow: hidden;margin-bottom: 50px;
|
||
}
|
||
.fop-main::before, .fop-main::after {
|
||
content: '';clear: both;display: block;
|
||
}
|
||
.m-tagbox {
|
||
margin-bottom: -10px;float: left;
|
||
}
|
||
.m-tagbox .tag-define, .m-tagbox .tag-item {
|
||
float: left;width: 102px;height: 38px;
|
||
line-height: 38px;border: 1px solid #e0e0e0;margin-right: 10px;margin-bottom: 10px;text-align: center;color: #333;
|
||
}
|
||
.m-tagbox .tag-item {
|
||
position: relative;width: 92px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
|
||
}
|
||
.m-tagbox .t-check {
|
||
display: none;right: 0;bottom: 0;width: 16px;height: 16px;background-position: -40px 0;
|
||
}
|
||
.m-tagbox .tptig {
|
||
display: inline-block;background-image: url(__STATIC__/images/sprite-operate.png);background-repeat: no-repeat;
|
||
}
|
||
.orde-sjyy {
|
||
font-family: 'Tahoma','\5FAE\8F6F\96C5\9ED1';
|
||
}
|
||
.m-tagbox .define-input {
|
||
display: none;width: 92px;height: 38px;line-height: 38px;padding: 0 5px;border: medium none;
|
||
}
|
||
.m-tagbox .define-label .i-pen {
|
||
display: inline-block;background-image: url(__STATIC__/images/sprite-operate.png);background-repeat: no-repeat;
|
||
}
|
||
.m-tagbox .define-label .i-pen {
|
||
width: 13px;height: 13px;margin-top: 13px;margin-right: 5px;vertical-align: top;
|
||
}
|
||
.titls {
|
||
font-size: 14px;border-left: 4px solid #e5e5e5;padding-left: 6px;line-height: 1.1;margin-bottom: 10px;font-weight: 400;
|
||
}
|
||
.bsjy-g dl {border: 1px solid #dedede;border-bottom: 0 none;}
|
||
</style>
|
||
<body class="bg-f5">
|
||
<include file="user/header"/>
|
||
<div class="home-index-middle">
|
||
<div class="w1224">
|
||
<div class="g-crumbs">
|
||
<a href="{:U('Home/User/index')}">我的商城</a>
|
||
<i class="litt-xyb"></i>
|
||
<span>充值VIP</span>
|
||
</div>
|
||
<div class="home-main">
|
||
<include file="user/menu"/>
|
||
<div class="ri-menu fr">
|
||
|
||
<div class="aboutmoney addmon" >
|
||
<div class="usermoney topup-money">
|
||
<div class="userdown-top network-topup">
|
||
<ul>
|
||
<li class="alllist" style="margin-left: -1px">充值VIP</li>
|
||
</ul>
|
||
<p onclick="mywalletsa();">返回个人中心</p>
|
||
</div>
|
||
<hr style="height: 1px; background: #dedede; border: none; margin-top: -2px;" />
|
||
<div class="choicetu">
|
||
<p>VIP金额：</p>
|
||
<div class="monettu">
|
||
<div class="fop-main">
|
||
<div class="m-tagbox m-multi-tag">
|
||
<a href="javascript:void(0)" rel="{$tpshop_config['basic_rechargevip_price']}" class="tag-item">￥{$tpshop_config['basic_rechargevip_price']}.00<i class="t-check tptig"></i></a>
|
||
|
||
<!-- <div class="tag-define" data_id="tag_157">
|
||
<span class="define-label" style="display: block;"><i class="i-pen"></i><em>输入金额</em></span>
|
||
<input type="text" class="define-input" id="input_val" style="display: none;">
|
||
</div>-->
|
||
</div>
|
||
</div>
|
||
<div class="fop-choice">
|
||
<form action="" method="post" id="recharge_form">
|
||
<div class="orde-sjyy">
|
||
<h3 class="titls">选择支付方式</h3>
|
||
<div class="bsjy-g">
|
||
<dl>
|
||
<dd>
|
||
<div class="order-payment-area">
|
||
<div class="dsfzfpte">
|
||
<b>选择支付方式</b>
|
||
</div>
|
||
<div class="po-re dsfzf-ee">
|
||
<ul>
|
||
<foreach name="paymentList" item="v" key="k">
|
||
<li>
|
||
<div class="payment-area">
|
||
<input type="radio" value="pay_code={$v['code']}" class="radio vam" name="pay_radio" <if condition="$k eq 'alipay'">checked</if>>
|
||
<label for="">
|
||
<img src="/plugins/{$v['type']}/{$v['code']}/{$v['icon']}" width="120" height="40" onClick="change_pay(this);" />
|
||
</label>
|
||
</div>
|
||
</li>
|
||
</foreach>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--第三方网银支付 start-->
|
||
<foreach name="bankCodeList" item="v" key="k">
|
||
<div class="order-payment-area">
|
||
<div class="dsfzfpte">
|
||
<b>{$paymentList[$k]['name']}</b>
|
||
<em>网银支付</em>
|
||
</div>
|
||
<div class="po-re dsfzf-ee">
|
||
<ul>
|
||
<foreach name="v" item="v2" key="k2">
|
||
<li>
|
||
<div class="payment-area">
|
||
<input type="radio" name="pay_radio" class="radio vam" value="pay_code={$k}&bank_code={$v2}" id="input-ALIPAY-1">
|
||
<label for="">
|
||
<img src="__STATIC__/images/images-out/{$bank_img[$k2]}" width="120" height="40" onClick="change_pay(this);"/>
|
||
</label>
|
||
</div>
|
||
</li>
|
||
</foreach>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</foreach>
|
||
<!--第三方网银支付 end -->
|
||
</dd>
|
||
</dl>
|
||
<input type="hidden" name="account" id="add_money" value="{$tpshop_config['basic_rechargevip_price']}">
|
||
<div class="order-payment-action-area">
|
||
<a class="button-style-5 button-confirm-payment" href="javascript:void(0);" onclick="recharge_submit();">确认支付方式</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="operating fixed consume_log" id="bottom">
|
||
<div class="fn_page clearfix">
|
||
{$page}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--footer-s-->
|
||
<include file="user/footer" />
|
||
<!--footer-e-->
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
$('.time-sala ul li').click(function(){
|
||
$(this).addClass('red').siblings().removeClass('red');
|
||
})
|
||
})
|
||
|
||
$(document).ready(function() {
|
||
$(document).on('click','.tag-item',function(){
|
||
$(this).find('.t-check').addClass('tptig').parent().siblings().find('.t-check').removeClass('tptig');
|
||
$('#add_money').val($(this).attr('rel'));
|
||
});
|
||
$('.tag-define').click(function(){
|
||
var goods_id = $(this).attr('data_id').substr(4);
|
||
$(this).find('.define-label').hide();
|
||
$(this).find('.define-input').show().focus();
|
||
$(this).find('.define-input').blur(function(){
|
||
var ce = $(this).val();
|
||
ce = ce.replace(/\D|^0/g,'')
|
||
|
||
$(this).parent('.tag-define').siblings('.tag-item').each(function(){
|
||
var a_text = $(this).text();
|
||
if(ce == a_text && ce != ''){
|
||
layer.alert('已有该标签', {icon: 2});
|
||
ce = '';
|
||
$('.define-input').val('');
|
||
}
|
||
});
|
||
if(ce == ''){
|
||
$(this).prev('.define-label').show();
|
||
$(this).hide();
|
||
}else{
|
||
//remark[{$goods_list.goods_id}][rank]
|
||
//$(this).parent('.tag-define').prev('.tag-item').after('<input type="hidden" name="remark['+goods_id+'][tag][]" value="'+ce+'"/><a href="javascript:void(0)" class="tag-item">'+'￥'+ ce +'<i class="t-check"></i></a>');
|
||
//$(this).prev('.define-label').show();
|
||
//$(this).hide();
|
||
//$(this).val('');
|
||
}
|
||
})
|
||
});
|
||
});
|
||
|
||
function mywalletsa() {
|
||
window.location.href="{:U('User/index')}";
|
||
}
|
||
function recharge_submit(){
|
||
layer.confirm('确定充值VIP？', {
|
||
btn: ['确定','取消']
|
||
}, function(){
|
||
$('#recharge_form').submit();
|
||
}, function(tmp){
|
||
layer.close(tmp);
|
||
}
|
||
);
|
||
}
|
||
//选择支付方式
|
||
function change_pay(obj)
|
||
{
|
||
$(obj).parent().siblings('input[name="pay_radio"]').trigger('click');
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |