Commit bb810211e3118f3b9adfc14dd820499e37a51884
1 parent
f9cb4bf1
首页抢红包和悬浮窗位置优化
Showing
3 changed files
with
10 additions
and
2 deletions
pages/index/index/index.js
| @@ -97,6 +97,7 @@ Page({ | @@ -97,6 +97,7 @@ Page({ | ||
| 97 | nav_type: 1, //导航类型 | 97 | nav_type: 1, //导航类型 |
| 98 | searchbox_transparent: 1, //搜索框背景是否透明 | 98 | searchbox_transparent: 1, //搜索框背景是否透明 |
| 99 | is_show_top:0, //是否置顶显示 | 99 | is_show_top:0, //是否置顶显示 |
| 100 | + right_floating_length:0, //右边悬浮窗的个数，用于当抢红包和右边悬浮同时存在时，红包定位用 | ||
| 100 | // nav_but_color: '#32ACF9', //导航按钮颜色 | 101 | // nav_but_color: '#32ACF9', //导航按钮颜色 |
| 101 | // sele_pickup: null, //默认门店 | 102 | // sele_pickup: null, //默认门店 |
| 102 | // nav_bg_color:'#e823e8', //导航按钮颜色 | 103 | // nav_bg_color:'#e823e8', //导航按钮颜色 |
| @@ -690,6 +691,7 @@ Page({ | @@ -690,6 +691,7 @@ Page({ | ||
| 690 | } | 691 | } |
| 691 | }) | 692 | }) |
| 692 | } | 693 | } |
| 694 | + let right_floating_length = 0 | ||
| 693 | if (floatw && floatw.content) { | 695 | if (floatw && floatw.content) { |
| 694 | let fi = right_arr.findIndex(ite=>ite.ename=='floatingWindow') | 696 | let fi = right_arr.findIndex(ite=>ite.ename=='floatingWindow') |
| 695 | let datas={} | 697 | let datas={} |
| @@ -706,6 +708,10 @@ Page({ | @@ -706,6 +708,10 @@ Page({ | ||
| 706 | if (floatw.content.loaction_index==1) { | 708 | if (floatw.content.loaction_index==1) { |
| 707 | right_arr.splice(fi,1,floatw) | 709 | right_arr.splice(fi,1,floatw) |
| 708 | // right_arr.unshift(floatw) | 710 | // right_arr.unshift(floatw) |
| 711 | + if (floatw.content.data && floatw.content.data.length>0) { | ||
| 712 | + right_floating_length+=floatw.content.data.length | ||
| 713 | + right_floating_length--; //减去一个 | ||
| 714 | + } | ||
| 709 | }else{ | 715 | }else{ |
| 710 | left_arr.unshift(floatw) | 716 | left_arr.unshift(floatw) |
| 711 | right_arr.splice(fi,1) | 717 | right_arr.splice(fi,1) |
| @@ -720,6 +726,7 @@ Page({ | @@ -720,6 +726,7 @@ Page({ | ||
| 720 | t_arr.push(obj) | 726 | t_arr.push(obj) |
| 721 | } | 727 | } |
| 722 | if (right_arr.length>0) { | 728 | if (right_arr.length>0) { |
| 729 | + right_floating_length+= right_arr.length | ||
| 723 | let obj={ | 730 | let obj={ |
| 724 | ename:'floatingBox', | 731 | ename:'floatingBox', |
| 725 | content:right_arr, | 732 | content:right_arr, |
| @@ -730,6 +737,7 @@ Page({ | @@ -730,6 +737,7 @@ Page({ | ||
| 730 | 737 | ||
| 731 | 738 | ||
| 732 | th.setData({ | 739 | th.setData({ |
| 740 | + right_floating_length, | ||
| 733 | nav_but_color, | 741 | nav_but_color, |
| 734 | is_full_screen_navigation, | 742 | is_full_screen_navigation, |
| 735 | is_full_screen_navigation_index, | 743 | is_full_screen_navigation_index, |
pages/index/index/index.wxml
| @@ -669,6 +669,6 @@ | @@ -669,6 +669,6 @@ | ||
| 669 | 669 | ||
| 670 | <block wx:if="{{showHongbaoSmall}}"> | 670 | <block wx:if="{{showHongbaoSmall}}"> |
| 671 | <view> | 671 | <view> |
| 672 | - <image src="{{url + 'miniapp/images/redmoney/hongbao_sm.gif'}}" class="hongbao_sm-img" bindtap="nav_goto" data-url="/packageA/pages/hongBao/hongBao" /> | 672 | + <image src="{{url + 'miniapp/images/redmoney/hongbao_sm.gif'}}" style="bottom:{{right_floating_length ? (right_floating_length*100 + 220 ) : 500}}rpx;" class="hongbao_sm-img" bindtap="nav_goto" data-url="/packageA/pages/hongBao/hongBao" /> |
| 673 | </view> | 673 | </view> |
| 674 | </block> | 674 | </block> |
| 675 | \ No newline at end of file | 675 | \ No newline at end of file |
pages/index/index/index.wxss
| @@ -1070,7 +1070,7 @@ page { | @@ -1070,7 +1070,7 @@ page { | ||
| 1070 | width: 124rpx; | 1070 | width: 124rpx; |
| 1071 | height: 170rpx; | 1071 | height: 170rpx; |
| 1072 | position: fixed; | 1072 | position: fixed; |
| 1073 | - top:300rpx; | 1073 | + /* top: 50%; */ |
| 1074 | right: 0; | 1074 | right: 0; |
| 1075 | /* transform: translateY(-50%); */ | 1075 | /* transform: translateY(-50%); */ |
| 1076 | z-index: 10000; | 1076 | z-index: 10000; |