|
@@ -39,15 +39,23 @@
|
|
|
</div>
|
|
|
<div class="subscribe_info">
|
|
|
<div class="s_info_top">
|
|
|
- <p class="s_i_item">
|
|
|
+ <p class="s_i_item" style="margin-bottom: .1rem;">
|
|
|
<label>已购买区域:</label>
|
|
|
- <span class="_area"></span>
|
|
|
+ <span class="expand-box area expanded">
|
|
|
+ <span class="_area"></span>
|
|
|
+ <span class="iconfont icon-arrow"></span>
|
|
|
+ </span>
|
|
|
+<!-- <span class="_area"></span>-->
|
|
|
</p>
|
|
|
- <p class="s_i_item">
|
|
|
+ <p class="s_i_item" style="margin-bottom: .1rem;">
|
|
|
<label>已购买行业:</label>
|
|
|
- <span class="_buyerClass"></span>
|
|
|
+ <span class="expand-box trade expanded">
|
|
|
+ <span class="_buyerClass"></span>
|
|
|
+ <span class="iconfont icon-arrow"></span>
|
|
|
+ </span>
|
|
|
+<!-- <span class="_buyerClass"></span>-->
|
|
|
</p>
|
|
|
- <p class="s_i_item">
|
|
|
+ <p class="s_i_item" style="margin-bottom: .1rem;">
|
|
|
<label>订阅周期:</label>
|
|
|
<span class="_cycleCount"></span>
|
|
|
</p>
|
|
@@ -90,7 +98,7 @@
|
|
|
</div>
|
|
|
<a href="/front/vipsubscribe/toSetPushSetPage" class="media_right" id="pushSet"></a>
|
|
|
</div>
|
|
|
- <div class="media_list" style="margin-top:.2rem;" id="auto_renew">
|
|
|
+ <div class="media_list" style="margin-top:.2rem;margin-bottom: .2rem;" id="auto_renew">
|
|
|
<div class="media_left">
|
|
|
<img src="/vipsubscribe/image/frame.png?v={{Msg "seo" "version"}}" alt="">
|
|
|
<span>项目匹配</span>
|
|
@@ -207,6 +215,33 @@
|
|
|
$(".tabbar").html('<a style="width: 100%;color: #fff;background: #2CB7CA;" href="/weixin/pay/vipsubscribe_new" class="update_btn">去购买</a>');
|
|
|
$(".tabbar").show();
|
|
|
})
|
|
|
+ // 点击扩大
|
|
|
+ // 给两个按钮绑定统一事件
|
|
|
+ $('.subscribe_info .expand-box.area .icon-arrow, .subscribe_info .expand-box.trade .icon-arrow').on('click', function() {
|
|
|
+ $(this).parent().toggleClass('expanded')
|
|
|
+ // 改变isOpen中的this指向,将其指向当前点击的元素,并调用
|
|
|
+ // isOpen.apply(this)
|
|
|
+ })
|
|
|
+ // 改变isOpen中的this指向,将其指向选中的元素,并调用
|
|
|
+ isOpen.apply($('.subscribe_info .expand-box.area .icon-arrow'))
|
|
|
+ isOpen.apply($('.subscribe_info .expand-box.trade .icon-arrow'))
|
|
|
+ function isOpen(){
|
|
|
+ // console.log(this)
|
|
|
+ let boxHeight = $(this).siblings().height();
|
|
|
+ let minHeight = $(this).siblings().css('min-height') // 18px
|
|
|
+
|
|
|
+ let rows = Math.ceil(Math.round(boxHeight)/ parseFloat(minHeight));
|
|
|
+
|
|
|
+ console.log(`高度:${boxHeight},最小高度:${minHeight},行数:${rows}`);
|
|
|
+
|
|
|
+ if (rows > 2) {
|
|
|
+ $(this).parent().removeClass('expanded')
|
|
|
+ $(this).show()
|
|
|
+ } else {
|
|
|
+ $(this).parent().addClass('expanded')
|
|
|
+ $(this).hide()
|
|
|
+ }
|
|
|
+ }
|
|
|
})
|
|
|
//
|
|
|
function getuserinfo(){
|