Skip to content

E
eduline
Commit 6f79814b by 陈超
Options

T

parent 2027adc4
Showing with 40 additions and 116 deletions
addons/theme/stv1/_static_w3g/css/common.css
...@@ -502,6 +502,19 @@ div::-webkit-scrollbar { ...@@ -502,6 +502,19 @@ div::-webkit-scrollbar {
color: #323233; color: #323233;
} }
.fixed_bottom_bar {
box-sizing: border-box;
padding-left: 0.75rem;
padding-right: 0.75rem;
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 3.125rem;
background: rgba(255,255,255,1);
box-shadow: 0px -1px 0px 0px rgba(230,230,230,1);
}
/* /*
* Home * Home
*/ */
...@@ -831,4 +844,11 @@ div::-webkit-scrollbar { ...@@ -831,4 +844,11 @@ div::-webkit-scrollbar {
height:58px; height:58px;
border-radius:8px; border-radius:8px;
border: none; border: none;
}
.vip_buy_pay_button {
width: 7.25rem;
height: 2.5rem;
background:rgba(163,228,96,1);
border-radius: 1.5625rem;
} }
\ No newline at end of file
apps/home/Tpl/default/User/recharge_w3g.html
...@@ -47,6 +47,9 @@ ...@@ -47,6 +47,9 @@
<span class="text_16_600 color_primary" style="margin-left: 0.5rem;margin-right: 0.5rem;">{{count}}</span> <span class="text_16_600 color_primary" style="margin-left: 0.5rem;margin-right: 0.5rem;">{{count}}</span>
<van-icon @click="onPlus" name="__THEME__/img/plus.png" size="20" ></van-icon> <van-icon @click="onPlus" name="__THEME__/img/plus.png" size="20" ></van-icon>
<span class="text_14_400 color_999999" style="margin-left: 0.25rem;">{{isYear ? "年" : "月"}}</span> <span class="text_14_400 color_999999" style="margin-left: 0.25rem;">{{isYear ? "年" : "月"}}</span>
<div class="weight_full layout_h_r">
<div class="vip_buy_pay_button layout_center"><span class="text_14_400 color_white">立即支付</span></div>
</div>
</div> </div>
</div> </div>
...@@ -68,125 +71,14 @@ ...@@ -68,125 +71,14 @@
</div> </div>
</div> </div>
</div> <div class="layout_h_v_c fixed_bottom_bar">
<span class="text_14_600 color_333333" style="margin-right: 0.5rem;">合计</span>
<link rel="stylesheet" href="__APP__/css/recharge_3g.css"> <span class="text_14_600 color_FF3B3B">¥{{totalPrice}}</span>
<div class="body"> <span class="text_12_400 color_999999">{{discount}}</span>
<div class="integral">
<span>当前身份：</span>
<span><?php if($learnc['vip_type']==0):?>非VIP会员<?php else: echo $learnc['vip_type_txt'];endif;?></span>
</div> </div>
<form action="{:U('classroom/Pay/rechargeVip')}" method="post">
<div class="teacher_bd" style="display: block">
<if condition="$is_wx and in_array('wxpay',$payConfig['pay'])">
<input type="hidden" value="wxpay" name="pay" />
<else/>
<volist name="payWay" id="vo" offset="0" length="1">
<input type="hidden" value="{$vo}" name="pay" />
</volist>
</if>
<input type="hidden" value="1" name="type" />
<div class="pay_dl">
<div class="g-join">
<div class="chong">充会员</div>
<div class="disc">每月可免费学习多个收费课程，还有更多惊喜折扣</div>
</div>
<div id="vip_type">
<div class="margin-vip_type">
<volist name="user_vip" id="vo">
<div class="vip_type_item g-vo <php>if($key == 0){</php> on <php>}</php>">
<div class="vip-type">
<div class="icon turn"></div>
<div class="txt">{$vo.title}</div>
</div>
<input class="g-radio" type="radio" data-vip-month="{$vo.vip_month}" data-vip-year="{$vo.vip_year}" <php>if($key == 0){</php>checked="checked"<php>}</php> name="user_vip" value="{$vo.id}"/>
</div>
</volist>
</div>
</div>
</div>
<div class="pay_dl marsty_docse">
<div id="vip_type_time">
<div class="g-time on">
<input type="radio" name="vip_type_time" id="vip_month" readonly data-value="{$user_vip[0]['vip_month']|default=0}" value="month" checked />
<em>¥{$user_vip[0]['vip_month']|default=0}</em>/月
</div>
<div class="g-time">
<input type="radio" name="vip_type_time" id="vip_year" readonly data-value="{$user_vip[0]['vip_year']|default=0}" value="year" />
<em>¥{$user_vip[0]['vip_year']|default=0}</em>/年
</div>
</div>
<div id="vip_time">
<span class="text">数量 :</span>
<div class="vip_count">
<p class="reduce"><i class="icon icon-jian"></i></p>
<input type="text" class="head_search upload_input_a myInput1 num" readonly name="vip_time" value="1">
<p class="plus"><i class="icon icon-jia-copy"></i></p>
</div>
<span class="change">月</span>
</div>
</div>
<div class="pay_dl vip_pay_way">
<php>if($is_wx){unset($payWay['支付宝支付']);}$firstPayWay = current($payWay);</php>
<if condition="in_array('wxpay',$payConfig['pay'])">
<label class="vip_pay_way_item selected" onclick="select_pay(this,3);">
<img src="__APP__/images/weixin.png" alt="">
<h3 class="name">微信支付</h3>
<i class="icon <if condition='$is_wx or $firstPayWay eq wxpay'>on<else/>yuan</if>"></i>
</label>
</if>
<if condition="in_array('alipay',$payConfig['pay']) and ($is_wx eq false)">
<label class="vip_pay_way_item" onclick="select_pay(this,1);"><img src="__APP__/images/zfb.png" alt="">
<h3 class="name">支付宝支付</h3>
<i class="icon <if condition='$firstPayWay eq alipay'>on<else/>yuan</if>"></i>
</label>
</if>
<if condition="in_array('lcnpay',$payConfig['pay'])">
<label class="vip_pay_way_item" onclick="select_pay(this,5);">
<img src="__APP__/images/yue.png" alt=""> <h3 class="name">余额支付</h3>
<i class="icon <if condition='$firstPayWay eq lcnpay'>on<else/>yuan</if>"></i>
</label>
</if>
</div>
<div class="pay_dt vip_pay_Agreed">
<label>
<input id="vip_recharge" type="checkbox" checked name="checkbox" />同意
<a target="_blank" href="{:U('basic/Single/info',array('id'=>'buy'))}">《{$site['site_keyword']}虚拟货币服务协议》</a>
</label>
</div>
<div class="money_box">
<a href="javascript:;" class="g-money">实付<em class="red_txt ft18" id="price_show">¥{$user_vip[0]['vip_month']}</em></a>
<a class="g-true" href="javascript:;" onclick="rechangeVip(this);">确认支付</a>
</div>
</div>
</form>
</div> </div>
<if condition="$is_wx eq false">
<style>
#_ts_box_h5{width:290px;height:180px;text-align: center;color: #535353;border-radius: 5px;position: fixed;background: #fff;-webkit-box-shadow: 0 2px 5px #dddddd;-moz-box-shadow: 0 2px 5px #dddddd;-khtml-box-shadow: 0 2px 5px #dddddd;-ms-box-shadow: 0 0 15px #888888;box-shadow: 0 0 15px #888888;z-index: 997;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;}
._hide_box_h5{z-index:996;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;}
#_ts_box_h5 ._box_hd{padding: 20px 0px;color: black;font-size: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.16);}
#_layer-content{padding: 15px 0px;color: rgba(255, 35, 0, 0.69);font-size: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
._layer-wt{padding: 15px 0px;color: #908d8d;font-size: 16px;}
</style>
<div class="_hide_box_h5" style="display: none;"></div>
<div id="_ts_box_h5" style="display: none;">
<div class="_box_hd" >请确认微信支付是否完成</div>
<div id="_layer-content">已完成支付</div>
<div class="_layer-wt"><a href="{:U('home/User/recharge')}">支付遇到问题，联系客服</a></div>
</div>
</if>
<script> <script>
new Vue({ new Vue({
...@@ -211,6 +103,17 @@ ...@@ -211,6 +103,17 @@
}, },
yearPrice: function() { yearPrice: function() {
return this.vips.hx_firstOf( r => { return r.id == this.type }).vip_year + "元/年" return this.vips.hx_firstOf( r => { return r.id == this.type }).vip_year + "元/年"
},
totalPrice: function() {
if(this.isYear) {
let y = this.vips.hx_firstOf( r => { return r.id == this.type }).vip_year
return (y * this.count).toFixed(2)
}
let h = this.vips.hx_firstOf( r => { return r.id == this.type }).vip_month
return (h * this.count).toFixed(2)
},
discount: function() {
return "（已优惠：¥0元）"
} }
}, },
created:function(){ created:function(){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment