Commit c62506931f22c452384cf9e305953237775c9e86
1 parent
e19b100c
首页悬浮优化
Showing
9 changed files
with
265 additions
and
136 deletions
components/diy_floatingWindow/diy_floatingWindow.wxss
| 1 | .custom-service { | 1 | .custom-service { |
| 2 | - width: 100rpx; | ||
| 3 | - height: 100rpx; | 2 | + width: 80rpx; |
| 3 | + height: 80rpx; | ||
| 4 | /* background-color: red; */ | 4 | /* background-color: red; */ |
| 5 | border-radius: 50%; | 5 | border-radius: 50%; |
| 6 | z-index: 100; | 6 | z-index: 100; |
| 7 | line-height: 28rpx; | 7 | line-height: 28rpx; |
| 8 | - position: fixed; | 8 | + /* position: fixed; */ |
| 9 | top: 50%; | 9 | top: 50%; |
| 10 | 10 | ||
| 11 | /* background-position: 50%; */ | 11 | /* background-position: 50%; */ |
components/diy_scan/diy_scan.wxss
| 1 | .scan_view{ | 1 | .scan_view{ |
| 2 | - position: fixed;z-index: 100; left: 0; top: 0; width: 100rpx; height: 100rpx; | 2 | + z-index: 100; left: 0; top: 0; width: 80rpx; height: 80rpx; |
| 3 | border-radius: 50%; background-color: rgba(125,125,2,0.5);box-shadow: #ccc 0px 0px 70px 1px; | 3 | border-radius: 50%; background-color: rgba(125,125,2,0.5);box-shadow: #ccc 0px 0px 70px 1px; |
| 4 | display: flex;align-items: center;justify-content: center; color: #f8f8f8; | 4 | display: flex;align-items: center;justify-content: center; color: #f8f8f8; |
| 5 | } | 5 | } |
components/diy_service/diy_service.wxss
| 1 | -.custom-service{ width: 100rpx; height: 100rpx; border-radius: 50%; background-color: #fff;z-index: 100; | 1 | +.custom-service{ width: 80rpx; height: 80rpx; border-radius: 50%; background-color: #fff;z-index: 100; |
| 2 | border: 1px solid #adadad; box-shadow: 0 0 10px 2px #adadad; line-height: 28rpx; | 2 | border: 1px solid #adadad; box-shadow: 0 0 10px 2px #adadad; line-height: 28rpx; |
| 3 | - position: fixed; top: 40%; right: 2rpx; display: flex;align-items: center;justify-content: center;} | 3 | + right: 2rpx; display: flex;align-items: center;justify-content: center;} |
| 4 | 4 | ||
| 5 | .cs-img{ width: 36rpx; height: 36rpx;} | 5 | .cs-img{ width: 36rpx; height: 36rpx;} |
| 6 | .s_title{ font-size: 14rpx;} | 6 | .s_title{ font-size: 14rpx;} |
| 7 | \ No newline at end of file | 7 | \ No newline at end of file |
pages/index/index/index.js
| @@ -95,7 +95,7 @@ Page({ | @@ -95,7 +95,7 @@ Page({ | ||
| 95 | nav_backgroundColor: "#ff7295", | 95 | nav_backgroundColor: "#ff7295", |
| 96 | nav_type: 1, //导航类型 | 96 | nav_type: 1, //导航类型 |
| 97 | searchbox_transparent: 1, //搜索框背景是否透明 | 97 | searchbox_transparent: 1, //搜索框背景是否透明 |
| 98 | - | 98 | + is_show_top:0, //是否置顶显示 |
| 99 | // nav_but_color: '#32ACF9', //导航按钮颜色 | 99 | // nav_but_color: '#32ACF9', //导航按钮颜色 |
| 100 | // sele_pickup: null, //默认门店 | 100 | // sele_pickup: null, //默认门店 |
| 101 | // nav_bg_color:'#e823e8', //导航按钮颜色 | 101 | // nav_bg_color:'#e823e8', //导航按钮颜色 |
| @@ -655,6 +655,9 @@ Page({ | @@ -655,6 +655,9 @@ Page({ | ||
| 655 | let is_full_screen_navigation = false | 655 | let is_full_screen_navigation = false |
| 656 | let is_full_screen_navigation_index = -1 | 656 | let is_full_screen_navigation_index = -1 |
| 657 | let nav_but_color = "#32ACF9" | 657 | let nav_but_color = "#32ACF9" |
| 658 | + let left_arr = [] //左边悬浮 | ||
| 659 | + let right_arr=[] //右边悬浮 | ||
| 660 | + let floatw=null //悬浮窗口 | ||
| 658 | if (t_arr) { | 661 | if (t_arr) { |
| 659 | t_arr.map((item, index) => { | 662 | t_arr.map((item, index) => { |
| 660 | if (item && item.content && item.content.full_screen == 1 && !is_full_screen_navigation) { | 663 | if (item && item.content && item.content.full_screen == 1 && !is_full_screen_navigation) { |
| @@ -664,8 +667,52 @@ Page({ | @@ -664,8 +667,52 @@ Page({ | ||
| 664 | nav_but_color = item.content.data[0].but_color | 667 | nav_but_color = item.content.data[0].but_color |
| 665 | } catch (error) { } | 668 | } catch (error) { } |
| 666 | } | 669 | } |
| 670 | + if (item.ename=='floatingWindow') { | ||
| 671 | + floatw = item | ||
| 672 | + } | ||
| 673 | + if (item.ename=='backTop' || item.ename=='onlineService' || item.ename=='scan' || item.ename=='floatingWindow') { | ||
| 674 | + right_arr.push(item) | ||
| 675 | + } | ||
| 667 | }) | 676 | }) |
| 668 | } | 677 | } |
| 678 | + if (floatw && floatw.content) { | ||
| 679 | + let fi = right_arr.findIndex(ite=>ite.ename=='floatingWindow') | ||
| 680 | + let datas={} | ||
| 681 | + if (!floatw.content.data) { //兼容旧的悬浮窗口 | ||
| 682 | + datas.AppId= floatw.content.AppId | ||
| 683 | + datas.feedId= floatw.content.feedId | ||
| 684 | + datas.finderUserName= floatw.content.finderUserName | ||
| 685 | + datas.img=floatw.content.img | ||
| 686 | + datas.video_type= floatw.content.video_type | ||
| 687 | + datas.wxapp_url= floatw.content.wxapp_url | ||
| 688 | + datas.wxapp_url_title=floatw.content.wxapp_url_title | ||
| 689 | + floatw.content.data=[datas] | ||
| 690 | + } | ||
| 691 | + if (floatw.content.loaction_index==1) { | ||
| 692 | + right_arr.splice(fi,1,floatw) | ||
| 693 | + // right_arr.unshift(floatw) | ||
| 694 | + }else{ | ||
| 695 | + left_arr.unshift(floatw) | ||
| 696 | + right_arr.splice(fi,1) | ||
| 697 | + } | ||
| 698 | + } | ||
| 699 | + if (left_arr.length>0) { | ||
| 700 | + let obj={ | ||
| 701 | + ename:'floatingBox', | ||
| 702 | + content:left_arr, | ||
| 703 | + loaction_index:0 | ||
| 704 | + } | ||
| 705 | + t_arr.push(obj) | ||
| 706 | + } | ||
| 707 | + if (right_arr.length>0) { | ||
| 708 | + let obj={ | ||
| 709 | + ename:'floatingBox', | ||
| 710 | + content:right_arr, | ||
| 711 | + loaction_index:1 | ||
| 712 | + } | ||
| 713 | + t_arr.push(obj) | ||
| 714 | + } | ||
| 715 | + | ||
| 669 | 716 | ||
| 670 | th.setData({ | 717 | th.setData({ |
| 671 | nav_but_color, | 718 | nav_but_color, |
| @@ -961,8 +1008,8 @@ Page({ | @@ -961,8 +1008,8 @@ Page({ | ||
| 961 | }, | 1008 | }, |
| 962 | onPageScroll: function (e) { | 1009 | onPageScroll: function (e) { |
| 963 | //满屏模式监听 | 1010 | //满屏模式监听 |
| 1011 | + let num = e.scrollTop | ||
| 964 | if (this.data.is_full_screen_navigation) { | 1012 | if (this.data.is_full_screen_navigation) { |
| 965 | - let num = e.scrollTop | ||
| 966 | let nav_type = this.data.nav_type | 1013 | let nav_type = this.data.nav_type |
| 967 | if (num >= 100 && nav_type) { | 1014 | if (num >= 100 && nav_type) { |
| 968 | this.setData({ | 1015 | this.setData({ |
| @@ -981,7 +1028,20 @@ Page({ | @@ -981,7 +1028,20 @@ Page({ | ||
| 981 | // this.data.nav_type = 1 | 1028 | // this.data.nav_type = 1 |
| 982 | } | 1029 | } |
| 983 | } | 1030 | } |
| 1031 | + | ||
| 984 | //-----------end------- | 1032 | //-----------end------- |
| 1033 | + //是否显示置顶 | ||
| 1034 | + if (num > 400) { | ||
| 1035 | + this.setData({ | ||
| 1036 | + is_show_top:1 | ||
| 1037 | + }) | ||
| 1038 | + }else{ | ||
| 1039 | + this.setData({ | ||
| 1040 | + is_show_top:0 | ||
| 1041 | + }) | ||
| 1042 | + } | ||
| 1043 | + //----end------ | ||
| 1044 | + | ||
| 985 | this.data.scrollTop = e.scrollTop; | 1045 | this.data.scrollTop = e.scrollTop; |
| 986 | var t = getCurrentPages(); | 1046 | var t = getCurrentPages(); |
| 987 | "pages/index/index/index" == t[t.length - 1].route; | 1047 | "pages/index/index/index" == t[t.length - 1].route; |
pages/index/index/index.json
| @@ -29,6 +29,7 @@ | @@ -29,6 +29,7 @@ | ||
| 29 | "mp-dialog": "weui-miniprogram/dialog/dialog", | 29 | "mp-dialog": "weui-miniprogram/dialog/dialog", |
| 30 | "mp-sticky": "/components/mp-sticky/mp-sticky", | 30 | "mp-sticky": "/components/mp-sticky/mp-sticky", |
| 31 | "floatingWindow": "/components/diy_floatingWindow/diy_floatingWindow", | 31 | "floatingWindow": "/components/diy_floatingWindow/diy_floatingWindow", |
| 32 | + "floatingBox": "/components/diy_floatingBox/diy_floatingBox", | ||
| 32 | "privacy_pop": "/components/privacy_pop/privacy_pop" | 33 | "privacy_pop": "/components/privacy_pop/privacy_pop" |
| 33 | }, | 34 | }, |
| 34 | "enablePullDownRefresh": false, | 35 | "enablePullDownRefresh": false, |
pages/index/index/index.wxml
| @@ -50,7 +50,7 @@ | @@ -50,7 +50,7 @@ | ||
| 50 | </view> | 50 | </view> |
| 51 | </view> | 51 | </view> |
| 52 | </view> | 52 | </view> |
| 53 | - <top_nav nav_type="{{-1}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{nav_title}}"></top_nav> | 53 | + <top_nav nav_type="{{-1}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{nav_title}}"></top_nav> |
| 54 | 54 | ||
| 55 | <!-- 如果有关注,要顶开位置,不能注释 --> | 55 | <!-- 如果有关注,要顶开位置,不能注释 --> |
| 56 | <view wx:if="{{is_gz_h5 && is_ok_h5}}" style="height: 84px;;flex-shrink:0"></view> | 56 | <view wx:if="{{is_gz_h5 && is_ok_h5}}" style="height: 84px;;flex-shrink:0"></view> |
| @@ -529,7 +529,6 @@ | @@ -529,7 +529,6 @@ | ||
| 529 | <!--商品分组--> | 529 | <!--商品分组--> |
| 530 | <block wx:if="{{item.ename=='goodsGroup' || item.ename=='goodsGroupNew'}}"> | 530 | <block wx:if="{{item.ename=='goodsGroup' || item.ename=='goodsGroupNew'}}"> |
| 531 | <goodsGroup class="{{'goodsGroup' + index}}" object="{{item.content}}" sticky="{{template_arr[0].content.is_top}}"></goodsGroup> | 531 | <goodsGroup class="{{'goodsGroup' + index}}" object="{{item.content}}" sticky="{{template_arr[0].content.is_top}}"></goodsGroup> |
| 532 | - | ||
| 533 | </block> | 532 | </block> |
| 534 | <!--通知--> | 533 | <!--通知--> |
| 535 | <block wx:if="{{item.ename=='notice'}}"> | 534 | <block wx:if="{{item.ename=='notice'}}"> |
| @@ -566,10 +565,22 @@ | @@ -566,10 +565,22 @@ | ||
| 566 | <block wx:if="{{item.ename=='title'}}"> | 565 | <block wx:if="{{item.ename=='title'}}"> |
| 567 | <title object="{{item.content}}"></title> | 566 | <title object="{{item.content}}"></title> |
| 568 | </block> | 567 | </block> |
| 568 | + <!--悬浮集--> | ||
| 569 | + <block wx:if="{{item.ename=='floatingBox'}}"> | ||
| 570 | + <floatingBox farr="{{item.content}}" is_show_top="{{is_show_top}}" loaction_index="{{item.loaction_index}}"></floatingBox> | ||
| 571 | + </block> | ||
| 569 | <!--悬浮窗口--> | 572 | <!--悬浮窗口--> |
| 570 | - <block wx:if="{{item.ename=='floatingWindow'}}"> | 573 | + <!-- <block wx:if="{{item.ename=='floatingWindow'}}"> |
| 571 | <floatingWindow object="{{item.content}}"></floatingWindow> | 574 | <floatingWindow object="{{item.content}}"></floatingWindow> |
| 572 | - </block> | 575 | + </block> --> |
| 576 | + <!--在线上客服--> | ||
| 577 | + <!-- <block wx:if="{{item.ename=='onlineService'}}"> | ||
| 578 | + <service object="{{item.content}}"></service> | ||
| 579 | + </block> --> | ||
| 580 | + <!--扫一扫--> | ||
| 581 | + <!-- <block wx:if="{{item.ename=='scan'}}"> | ||
| 582 | + <scan object="{{item.content}}"></scan> | ||
| 583 | + </block> --> | ||
| 573 | <!--辅助空白--> | 584 | <!--辅助空白--> |
| 574 | <block wx:if="{{item.ename=='white'}}"> | 585 | <block wx:if="{{item.ename=='white'}}"> |
| 575 | <assist object="{{item.content}}"></assist> | 586 | <assist object="{{item.content}}"></assist> |
| @@ -578,14 +589,7 @@ | @@ -578,14 +589,7 @@ | ||
| 578 | <block wx:if="{{item.ename=='picMix'}}"> | 589 | <block wx:if="{{item.ename=='picMix'}}"> |
| 579 | <picMax object="{{item.content}}"></picMax> | 590 | <picMax object="{{item.content}}"></picMax> |
| 580 | </block> | 591 | </block> |
| 581 | - <!--在线上客服--> | ||
| 582 | - <block wx:if="{{item.ename=='onlineService'}}"> | ||
| 583 | - <service object="{{item.content}}"></service> | ||
| 584 | - </block> | ||
| 585 | - <!--扫一扫--> | ||
| 586 | - <block wx:if="{{item.ename=='scan'}}"> | ||
| 587 | - <scan object="{{item.content}}"></scan> | ||
| 588 | - </block> | 592 | + |
| 589 | <!-- 门店选择 --> | 593 | <!-- 门店选择 --> |
| 590 | <block wx:if="{{item.ename=='store_select' && item.content.is_top!=1}}"> | 594 | <block wx:if="{{item.ename=='store_select' && item.content.is_top!=1}}"> |
| 591 | <store_select object="{{item.content}}"></store_select> | 595 | <store_select object="{{item.content}}"></store_select> |
pages/template/index.js
| @@ -26,6 +26,7 @@ Page({ | @@ -26,6 +26,7 @@ Page({ | ||
| 26 | sele_pickup: null, //默认门店 | 26 | sele_pickup: null, //默认门店 |
| 27 | // nav_bg_color:'#e823e8', //导航按钮颜色 | 27 | // nav_bg_color:'#e823e8', //导航按钮颜色 |
| 28 | //---------------- | 28 | //---------------- |
| 29 | + is_show_top: 0, //是否置顶显示 | ||
| 29 | }, | 30 | }, |
| 30 | 31 | ||
| 31 | onLoad: function (e) { | 32 | onLoad: function (e) { |
| @@ -56,7 +57,7 @@ Page({ | @@ -56,7 +57,7 @@ Page({ | ||
| 56 | title: getApp().globalData.config.store_name, | 57 | title: getApp().globalData.config.store_name, |
| 57 | }); | 58 | }); |
| 58 | th.setData({ | 59 | th.setData({ |
| 59 | - nav_title:getApp().globalData.config.store_name | 60 | + nav_title: getApp().globalData.config.store_name |
| 60 | }) | 61 | }) |
| 61 | } else { | 62 | } else { |
| 62 | wx.setNavigationBarTitle({ | 63 | wx.setNavigationBarTitle({ |
| @@ -119,21 +120,68 @@ Page({ | @@ -119,21 +120,68 @@ Page({ | ||
| 119 | title: temp_data.page_title, | 120 | title: temp_data.page_title, |
| 120 | }); | 121 | }); |
| 121 | var t_arr = JSON.parse(temp_data.json_str); | 122 | var t_arr = JSON.parse(temp_data.json_str); |
| 122 | - //增加判断是否是满屏 | ||
| 123 | - let is_full_screen_navigation = false | ||
| 124 | - let is_full_screen_navigation_index = -1 | ||
| 125 | - let nav_but_color ="#32ACF9" | ||
| 126 | - if (t_arr) { | ||
| 127 | - t_arr.map((item,index)=>{ | ||
| 128 | - if (item && item.content && item.content.full_screen==1 && !is_full_screen_navigation) { | ||
| 129 | - is_full_screen_navigation = true | ||
| 130 | - is_full_screen_navigation_index = index | ||
| 131 | - try { | ||
| 132 | - nav_but_color = item.content.data[0].but_color | ||
| 133 | - } catch (error) {} | ||
| 134 | - } | ||
| 135 | - }) | ||
| 136 | - } | 123 | + //增加判断是否是满屏 |
| 124 | + let is_full_screen_navigation = false | ||
| 125 | + let is_full_screen_navigation_index = -1 | ||
| 126 | + let nav_but_color = "#32ACF9" | ||
| 127 | + let left_arr = [] //左边悬浮 | ||
| 128 | + let right_arr=[] //右边悬浮 | ||
| 129 | + let floatw=null //悬浮窗口 | ||
| 130 | + if (t_arr) { | ||
| 131 | + t_arr.map((item, index) => { | ||
| 132 | + if (item && item.content && item.content.full_screen == 1 && !is_full_screen_navigation) { | ||
| 133 | + is_full_screen_navigation = true | ||
| 134 | + is_full_screen_navigation_index = index | ||
| 135 | + try { | ||
| 136 | + nav_but_color = item.content.data[0].but_color | ||
| 137 | + } catch (error) { } | ||
| 138 | + } | ||
| 139 | + if (item.ename=='floatingWindow') { | ||
| 140 | + floatw = item | ||
| 141 | + } | ||
| 142 | + if (item.ename=='backTop' || item.ename=='onlineService' || item.ename=='scan' || item.ename=='floatingWindow') { | ||
| 143 | + right_arr.push(item) | ||
| 144 | + } | ||
| 145 | + }) | ||
| 146 | + } | ||
| 147 | + if (floatw && floatw.content) { | ||
| 148 | + let fi = right_arr.findIndex(ite=>ite.ename=='floatingWindow') | ||
| 149 | + let datas={} | ||
| 150 | + if (!floatw.content.data) { //兼容旧的悬浮窗口 | ||
| 151 | + datas.AppId= floatw.content.AppId | ||
| 152 | + datas.feedId= floatw.content.feedId | ||
| 153 | + datas.finderUserName= floatw.content.finderUserName | ||
| 154 | + datas.img=floatw.content.img | ||
| 155 | + datas.video_type= floatw.content.video_type | ||
| 156 | + datas.wxapp_url= floatw.content.wxapp_url | ||
| 157 | + datas.wxapp_url_title=floatw.content.wxapp_url_title | ||
| 158 | + floatw.content.data=[datas] | ||
| 159 | + } | ||
| 160 | + if (floatw.content.loaction_index==1) { | ||
| 161 | + right_arr.splice(fi,1,floatw) | ||
| 162 | + // right_arr.unshift(floatw) | ||
| 163 | + }else{ | ||
| 164 | + left_arr.unshift(floatw) | ||
| 165 | + right_arr.splice(fi,1) | ||
| 166 | + } | ||
| 167 | + } | ||
| 168 | + if (left_arr.length>0) { | ||
| 169 | + let obj={ | ||
| 170 | + ename:'floatingBox', | ||
| 171 | + content:left_arr, | ||
| 172 | + loaction_index:0 | ||
| 173 | + } | ||
| 174 | + t_arr.push(obj) | ||
| 175 | + } | ||
| 176 | + if (right_arr.length>0) { | ||
| 177 | + let obj={ | ||
| 178 | + ename:'floatingBox', | ||
| 179 | + content:right_arr, | ||
| 180 | + loaction_index:1 | ||
| 181 | + } | ||
| 182 | + t_arr.push(obj) | ||
| 183 | + } | ||
| 184 | + | ||
| 137 | th.setData({ | 185 | th.setData({ |
| 138 | nav_but_color, | 186 | nav_but_color, |
| 139 | is_full_screen_navigation, | 187 | is_full_screen_navigation, |
| @@ -160,8 +208,8 @@ Page({ | @@ -160,8 +208,8 @@ Page({ | ||
| 160 | backgroundColor: temp_data.top_color, // 必写项 | 208 | backgroundColor: temp_data.top_color, // 必写项 |
| 161 | }) | 209 | }) |
| 162 | th.setData({ | 210 | th.setData({ |
| 163 | - // nav_frontColor: top_w_color, // 必写项 | ||
| 164 | - nav_backgroundColor: temp_data.top_color, // 必写项 | 211 | + // nav_frontColor: top_w_color, // 必写项 |
| 212 | + nav_backgroundColor: temp_data.top_color, // 必写项 | ||
| 165 | }) | 213 | }) |
| 166 | } | 214 | } |
| 167 | 215 | ||
| @@ -171,43 +219,53 @@ Page({ | @@ -171,43 +219,53 @@ Page({ | ||
| 171 | 219 | ||
| 172 | 220 | ||
| 173 | }, | 221 | }, |
| 174 | - //广告轮播满屏按钮颜色传递方法 | ||
| 175 | - bindbut_color_event_fn(even){ | ||
| 176 | - let nav_but_color = even.detail.but_color | ||
| 177 | - this.setData({ | ||
| 178 | - nav_but_color | ||
| 179 | - }) | ||
| 180 | - }, | 222 | + //广告轮播满屏按钮颜色传递方法 |
| 223 | + bindbut_color_event_fn(even) { | ||
| 224 | + let nav_but_color = even.detail.but_color | ||
| 225 | + this.setData({ | ||
| 226 | + nav_but_color | ||
| 227 | + }) | ||
| 228 | + }, | ||
| 181 | onPageScroll: function (e) { | 229 | onPageScroll: function (e) { |
| 182 | //满屏模式监听 | 230 | //满屏模式监听 |
| 231 | + let num = e.scrollTop | ||
| 183 | if (this.data.is_full_screen_navigation) { | 232 | if (this.data.is_full_screen_navigation) { |
| 184 | - let num = e.scrollTop | ||
| 185 | let nav_type = this.data.nav_type | 233 | let nav_type = this.data.nav_type |
| 186 | if (num >= 100 && nav_type) { | 234 | if (num >= 100 && nav_type) { |
| 187 | this.setData({ | 235 | this.setData({ |
| 188 | - nav_type:0, | ||
| 189 | - searchbox_transparent:0, | ||
| 190 | - nav_frontColor:'#000' | 236 | + nav_type: 0, |
| 237 | + searchbox_transparent: 0, | ||
| 238 | + nav_frontColor: '#000' | ||
| 191 | }) | 239 | }) |
| 192 | // this.data.nav_type = 0 | 240 | // this.data.nav_type = 0 |
| 193 | } | 241 | } |
| 194 | if (num < 100 && !nav_type) { | 242 | if (num < 100 && !nav_type) { |
| 195 | this.setData({ | 243 | this.setData({ |
| 196 | - nav_type:1, | ||
| 197 | - searchbox_transparent:1, | ||
| 198 | - nav_frontColor:'#fff' | 244 | + nav_type: 1, |
| 245 | + searchbox_transparent: 1, | ||
| 246 | + nav_frontColor: '#fff' | ||
| 199 | }) | 247 | }) |
| 200 | // this.data.nav_type = 1 | 248 | // this.data.nav_type = 1 |
| 201 | } | 249 | } |
| 202 | } | 250 | } |
| 203 | //-----------end------- | 251 | //-----------end------- |
| 252 | + //是否显示置顶 | ||
| 253 | + if (num > 400) { | ||
| 254 | + this.setData({ | ||
| 255 | + is_show_top: 1 | ||
| 256 | + }) | ||
| 257 | + } else { | ||
| 258 | + this.setData({ | ||
| 259 | + is_show_top: 0 | ||
| 260 | + }) | ||
| 261 | + } | ||
| 262 | + //----end------ | ||
| 204 | 263 | ||
| 264 | + // this.data.scrollTop = e.scrollTop; | ||
| 265 | + // var t = getCurrentPages(); | ||
| 266 | + // "pages/index/index/index" == t[t.length - 1].route; | ||
| 205 | 267 | ||
| 206 | - // this.data.scrollTop = e.scrollTop; | ||
| 207 | - // var t = getCurrentPages(); | ||
| 208 | - // "pages/index/index/index" == t[t.length - 1].route; | ||
| 209 | - | ||
| 210 | - }, | 268 | + }, |
| 211 | onPullDownRefresh: function (e) { | 269 | onPullDownRefresh: function (e) { |
| 212 | 270 | ||
| 213 | }, | 271 | }, |
pages/template/index.json
| @@ -25,8 +25,9 @@ | @@ -25,8 +25,9 @@ | ||
| 25 | "service": "/components/diy_service/diy_service", | 25 | "service": "/components/diy_service/diy_service", |
| 26 | "scan": "/components/diy_scan/diy_scan", | 26 | "scan": "/components/diy_scan/diy_scan", |
| 27 | "floatingWindow": "/components/diy_floatingWindow/diy_floatingWindow", | 27 | "floatingWindow": "/components/diy_floatingWindow/diy_floatingWindow", |
| 28 | + "floatingBox": "/components/diy_floatingBox/diy_floatingBox", | ||
| 28 | "presell": "/components/diy_pregoods/diy_pregoods" | 29 | "presell": "/components/diy_pregoods/diy_pregoods" |
| 29 | - }, | 30 | + }, |
| 30 | "enablePullDownRefresh": false, | 31 | "enablePullDownRefresh": false, |
| 31 | "onReachBottomDistance":300, | 32 | "onReachBottomDistance":300, |
| 32 | "navigationStyle":"custom" | 33 | "navigationStyle":"custom" |
pages/template/index.wxml
| 1 | <view class="container" style="background-color:{{bgcolor_t}}"> | 1 | <view class="container" style="background-color:{{bgcolor_t}}"> |
| 2 | 2 | ||
| 3 | - | 3 | + |
| 4 | <block wx:if="{{is_full_screen_navigation}}"> | 4 | <block wx:if="{{is_full_screen_navigation}}"> |
| 5 | - <view class="dis_top" style="position: fixed;"> | ||
| 6 | - <top_nav nav_type="{{nav_type}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor ? '#fff' :'#fff'}}" nav_title="{{nav_title}}"></top_nav> | 5 | + <view class="dis_top" style="position: fixed;"> |
| 6 | + <top_nav nav_type="{{nav_type}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor ? '#fff' :'#fff'}}" nav_title="{{nav_title}}"></top_nav> | ||
| 7 | 7 | ||
| 8 | - <!-- <js_store_select bindup_storid="get_new_storid" id="js_store_select" transparent="{{searchbox_transparent}}" bgcoler="{{nav_backgroundColor ? '#fff' :'#fff'}}" anclor="{{nav_but_color}}" ></js_store_select> --> | 8 | + <!-- <js_store_select bindup_storid="get_new_storid" id="js_store_select" transparent="{{searchbox_transparent}}" bgcoler="{{nav_backgroundColor ? '#fff' :'#fff'}}" anclor="{{nav_but_color}}" ></js_store_select> --> |
| 9 | 9 | ||
| 10 | - <block wx:for="{{template_arr}}"> | ||
| 11 | - <block wx:if="{{item.content.is_top==1}}"> | ||
| 12 | - <!--如果是搜索框的时候 --> | ||
| 13 | - <block wx:if="{{item.ename=='searchbox'}}"> | ||
| 14 | - <searchbox object="{{item.content}}" transparent="{{searchbox_transparent}}" nav_backgroundColor="{{nav_backgroundColor ? '#fff' :'#fff'}}"></searchbox> | ||
| 15 | - </block> | ||
| 16 | - <!-- <block wx:if="{{item.ename=='store_select'}}"> | 10 | + <block wx:for="{{template_arr}}"> |
| 11 | + <block wx:if="{{item.content.is_top==1}}"> | ||
| 12 | + <!--如果是搜索框的时候 --> | ||
| 13 | + <block wx:if="{{item.ename=='searchbox'}}"> | ||
| 14 | + <searchbox object="{{item.content}}" transparent="{{searchbox_transparent}}" nav_backgroundColor="{{nav_backgroundColor ? '#fff' :'#fff'}}"></searchbox> | ||
| 15 | + </block> | ||
| 16 | + <!-- <block wx:if="{{item.ename=='store_select'}}"> | ||
| 17 | <store_select object="{{item.content}}"></store_select> | 17 | <store_select object="{{item.content}}"></store_select> |
| 18 | </block> --> | 18 | </block> --> |
| 19 | - </block> | ||
| 20 | - </block> | ||
| 21 | - </view> | ||
| 22 | - <block wx:for="{{template_arr}}"> | ||
| 23 | - <!--广告组合--> | ||
| 24 | - <block wx:if="{{item.ename=='advertising' && item.content.full_screen==1 && is_full_screen_navigation_index==index}}"> | ||
| 25 | - <advertising object="{{item.content}}" bindbutColorEvent="bindbut_color_event_fn" is_full_screen_navigation_index="{{is_full_screen_navigation_index}}"></advertising> | ||
| 26 | </block> | 19 | </block> |
| 27 | </block> | 20 | </block> |
| 21 | + </view> | ||
| 22 | + <block wx:for="{{template_arr}}"> | ||
| 23 | + <!--广告组合--> | ||
| 24 | + <block wx:if="{{item.ename=='advertising' && item.content.full_screen==1 && is_full_screen_navigation_index==index}}"> | ||
| 25 | + <advertising object="{{item.content}}" bindbutColorEvent="bindbut_color_event_fn" is_full_screen_navigation_index="{{is_full_screen_navigation_index}}"></advertising> | ||
| 26 | + </block> | ||
| 28 | </block> | 27 | </block> |
| 28 | + </block> | ||
| 29 | 29 | ||
| 30 | - <block wx:else> | ||
| 31 | - <!-- 置顶层 --> | ||
| 32 | - <view class="dis_top" style="position:fixed"> | ||
| 33 | - <top_nav nav_type="{{0}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{nav_title}}"></top_nav> | ||
| 34 | - <!-- 关注公众号的显示 --> | ||
| 35 | - <view id="off_top" wx:if="{{is_gz_h5}}"> | ||
| 36 | - <official-account></official-account> | ||
| 37 | - </view> | ||
| 38 | - | ||
| 39 | - <!-- <js_store_select id="js_store_select" bindup_storid="get_new_storid" transparent="{{0}}" bgcoler="{{nav_backgroundColor}}" anclor="{{nav_but_color}}" ></js_store_select> --> | 30 | + <block wx:else> |
| 31 | + <!-- 置顶层 --> | ||
| 32 | + <view class="dis_top" style="position:fixed"> | ||
| 33 | + <top_nav nav_type="{{0}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{nav_title}}"></top_nav> | ||
| 34 | + <!-- 关注公众号的显示 --> | ||
| 35 | + <view id="off_top" wx:if="{{is_gz_h5}}"> | ||
| 36 | + <official-account></official-account> | ||
| 37 | + </view> | ||
| 40 | 38 | ||
| 41 | - <block wx:for="{{template_arr}}"> | ||
| 42 | - <block wx:if="{{item.content.is_top==1}}"> | ||
| 43 | - <!--如果是搜索框的时候 --> | ||
| 44 | - <block wx:if="{{item.ename=='searchbox'}}"> | ||
| 45 | - <searchbox object="{{item.content}}"></searchbox> | ||
| 46 | - </block> | ||
| 47 | - <!-- <block wx:if="{{item.ename=='store_select'}}">--> | ||
| 48 | - <!-- <store_select object="{{item.content}}"></store_select>--> | ||
| 49 | - <!-- </block>--> | 39 | + <!-- <js_store_select id="js_store_select" bindup_storid="get_new_storid" transparent="{{0}}" bgcoler="{{nav_backgroundColor}}" anclor="{{nav_but_color}}" ></js_store_select> --> |
| 50 | 40 | ||
| 41 | + <block wx:for="{{template_arr}}"> | ||
| 42 | + <block wx:if="{{item.content.is_top==1}}"> | ||
| 43 | + <!--如果是搜索框的时候 --> | ||
| 44 | + <block wx:if="{{item.ename=='searchbox'}}"> | ||
| 45 | + <searchbox object="{{item.content}}"></searchbox> | ||
| 51 | </block> | 46 | </block> |
| 47 | + <!-- <block wx:if="{{item.ename=='store_select'}}">--> | ||
| 48 | + <!-- <store_select object="{{item.content}}"></store_select>--> | ||
| 49 | + <!-- </block>--> | ||
| 50 | + | ||
| 52 | </block> | 51 | </block> |
| 53 | - </view> | 52 | + </block> |
| 53 | + </view> | ||
| 54 | 54 | ||
| 55 | - <!-- 撑开层 --> | ||
| 56 | - <view> | ||
| 57 | - <!-- 顶部导航撑开层 --> | ||
| 58 | - <top_nav nav_type="{{-1}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{nav_title}}"></top_nav> | ||
| 59 | - <!-- 即时零售,门店选择撑开层 --> | ||
| 60 | - <!-- <view style="width: 100%;height: 88rpx;"></view> --> | ||
| 61 | - <view wx:if="{{is_gz_h5 && is_ok_h5}}" style="height: 84px;flex-shrink:0"></view> | ||
| 62 | - <block wx:for="{{template_arr}}"> | ||
| 63 | - <block wx:if="{{item.content.is_top==1}}"> | ||
| 64 | - <view style="height:{{item.content.style==1 ? 110 : 88 }}rpx"></view> | ||
| 65 | - </block> | 55 | + <!-- 撑开层 --> |
| 56 | + <view> | ||
| 57 | + <!-- 顶部导航撑开层 --> | ||
| 58 | + <top_nav nav_type="{{-1}}" nav_frontColor="{{nav_frontColor}}" nav_backgroundColor="{{nav_backgroundColor}}" nav_title="{{nav_title}}"></top_nav> | ||
| 59 | + <!-- 即时零售,门店选择撑开层 --> | ||
| 60 | + <!-- <view style="width: 100%;height: 88rpx;"></view> --> | ||
| 61 | + <view wx:if="{{is_gz_h5 && is_ok_h5}}" style="height: 84px;flex-shrink:0"></view> | ||
| 62 | + <block wx:for="{{template_arr}}"> | ||
| 63 | + <block wx:if="{{item.content.is_top==1}}"> | ||
| 64 | + <view style="height:{{item.content.style==1 ? 110 : 88 }}rpx"></view> | ||
| 66 | </block> | 65 | </block> |
| 66 | + </block> | ||
| 67 | 67 | ||
| 68 | - </view> | ||
| 69 | - </block> | 68 | + </view> |
| 69 | + </block> | ||
| 70 | 70 | ||
| 71 | 71 | ||
| 72 | <block wx:for="{{template_arr}}" wx:key="{{index}}"> | 72 | <block wx:for="{{template_arr}}" wx:key="{{index}}"> |
| @@ -83,7 +83,7 @@ | @@ -83,7 +83,7 @@ | ||
| 83 | <block wx:if="{{item.ename=='advertising' && item.content.full_screen!=1}}"> | 83 | <block wx:if="{{item.ename=='advertising' && item.content.full_screen!=1}}"> |
| 84 | <advertising object="{{item.content}}"></advertising> | 84 | <advertising object="{{item.content}}"></advertising> |
| 85 | </block> | 85 | </block> |
| 86 | - <!--商品分组--> | 86 | + <!--商品分组--> |
| 87 | <block wx:if="{{item.ename=='goodsGroup' || item.ename=='goodsGroupNew'}}"> | 87 | <block wx:if="{{item.ename=='goodsGroup' || item.ename=='goodsGroupNew'}}"> |
| 88 | <goodsGroup class="{{'goodsGroup' + index}}" object="{{item.content}}"></goodsGroup> | 88 | <goodsGroup class="{{'goodsGroup' + index}}" object="{{item.content}}"></goodsGroup> |
| 89 | </block> | 89 | </block> |
| @@ -119,7 +119,7 @@ | @@ -119,7 +119,7 @@ | ||
| 119 | </block> | 119 | </block> |
| 120 | <!-- 热区切图 --> | 120 | <!-- 热区切图 --> |
| 121 | <block wx:if="{{item.ename=='heatCutDiagram'}}"> | 121 | <block wx:if="{{item.ename=='heatCutDiagram'}}"> |
| 122 | - <heat_img object="{{item.content}}" ></heat_img> | 122 | + <heat_img object="{{item.content}}"></heat_img> |
| 123 | </block> | 123 | </block> |
| 124 | <!-- <block wx:if="{{item.ename=='seckillNew'}}"> | 124 | <!-- <block wx:if="{{item.ename=='seckillNew'}}"> |
| 125 | <diy_public object="{{item.content}}" prom_type="1"></diy_public> | 125 | <diy_public object="{{item.content}}" prom_type="1"></diy_public> |
| @@ -132,22 +132,27 @@ | @@ -132,22 +132,27 @@ | ||
| 132 | <block wx:if="{{item.ename=='white'}}"> | 132 | <block wx:if="{{item.ename=='white'}}"> |
| 133 | <assist object="{{item.content}}"></assist> | 133 | <assist object="{{item.content}}"></assist> |
| 134 | </block> | 134 | </block> |
| 135 | - <!--悬浮窗口--> | ||
| 136 | - <block wx:if="{{item.ename=='floatingWindow'}}"> | ||
| 137 | - <floatingWindow object="{{item.content}}"></floatingWindow> | ||
| 138 | - </block> | ||
| 139 | - <!--图片组合--> | 135 | + |
| 136 | + <!--图片组合--> | ||
| 140 | <block wx:if="{{item.ename=='picMix'}}"> | 137 | <block wx:if="{{item.ename=='picMix'}}"> |
| 141 | <picMax object="{{item.content}}"></picMax> | 138 | <picMax object="{{item.content}}"></picMax> |
| 142 | </block> | 139 | </block> |
| 143 | - <!--在线上客服--> | ||
| 144 | - <block wx:if="{{item.ename=='onlineService'}}"> | ||
| 145 | - <service object="{{item.content}}"></service> | ||
| 146 | - </block> | ||
| 147 | - <!--扫一扫--> | ||
| 148 | - <block wx:if="{{item.ename=='scan'}}"> | ||
| 149 | - <scan object="{{item.content}}"></scan> | ||
| 150 | - </block> | 140 | + <!--悬浮集--> |
| 141 | + <block wx:if="{{item.ename=='floatingBox'}}"> | ||
| 142 | + <floatingBox farr="{{item.content}}" is_show_top="{{is_show_top}}" loaction_index="{{item.loaction_index}}"></floatingBox> | ||
| 143 | + </block> | ||
| 144 | + <!--悬浮窗口--> | ||
| 145 | + <!-- <block wx:if="{{item.ename=='floatingWindow'}}"> | ||
| 146 | + <floatingWindow object="{{item.content}}"></floatingWindow> | ||
| 147 | + </block> --> | ||
| 148 | + <!--在线上客服--> | ||
| 149 | + <!-- <block wx:if="{{item.ename=='onlineService'}}"> | ||
| 150 | + <service object="{{item.content}}"></service> | ||
| 151 | + </block> --> | ||
| 152 | + <!--扫一扫--> | ||
| 153 | + <!-- <block wx:if="{{item.ename=='scan'}}"> | ||
| 154 | + <scan object="{{item.content}}"></scan> | ||
| 155 | + </block> --> | ||
| 151 | 156 | ||
| 152 | <!-- 预售 --> | 157 | <!-- 预售 --> |
| 153 | <block wx:if="{{item.ename=='presale'}}"> | 158 | <block wx:if="{{item.ename=='presale'}}"> |
| @@ -156,22 +161,22 @@ | @@ -156,22 +161,22 @@ | ||
| 156 | <block wx:if="{{item.ename=='presaleNew'}}"> | 161 | <block wx:if="{{item.ename=='presaleNew'}}"> |
| 157 | <diy_public object="{{item.content}}" prom_type="8"></diy_public> | 162 | <diy_public object="{{item.content}}" prom_type="8"></diy_public> |
| 158 | </block> | 163 | </block> |
| 159 | - <!-- 团购 --> | ||
| 160 | - <block wx:if="{{item.ename=='groupbuy'}}"> | ||
| 161 | - <groupbuy object="{{item.content}}"></groupbuy> | ||
| 162 | - </block> | ||
| 163 | - <block wx:if="{{item.ename=='groupbuyNew'}}"> | 164 | + <!-- 团购 --> |
| 165 | + <block wx:if="{{item.ename=='groupbuy'}}"> | ||
| 166 | + <groupbuy object="{{item.content}}"></groupbuy> | ||
| 167 | + </block> | ||
| 168 | + <block wx:if="{{item.ename=='groupbuyNew'}}"> | ||
| 164 | <diy_public object="{{item.content}}" prom_type="2"></diy_public> | 169 | <diy_public object="{{item.content}}" prom_type="2"></diy_public> |
| 165 | </block> | 170 | </block> |
| 166 | 171 | ||
| 167 | <!-- 幸运购 --> | 172 | <!-- 幸运购 --> |
| 168 | - <block wx:if="{{item.ename=='luckyactivity'}}"> | ||
| 169 | - <luckyGo object="{{item.content}}"></luckyGo> | ||
| 170 | - </block> | ||
| 171 | - <block wx:if="{{item.ename=='luckyactivityNew'}}"> | ||
| 172 | - <!-- <luckyGo object="{{item.content}}"></luckyGo> --> | ||
| 173 | - <diy_public object="{{item.content}}" prom_type="9"></diy_public> | ||
| 174 | - </block> | 173 | + <block wx:if="{{item.ename=='luckyactivity'}}"> |
| 174 | + <luckyGo object="{{item.content}}"></luckyGo> | ||
| 175 | + </block> | ||
| 176 | + <block wx:if="{{item.ename=='luckyactivityNew'}}"> | ||
| 177 | + <!-- <luckyGo object="{{item.content}}"></luckyGo> --> | ||
| 178 | + <diy_public object="{{item.content}}" prom_type="9"></diy_public> | ||
| 179 | + </block> | ||
| 175 | </view> | 180 | </view> |
| 176 | </block> | 181 | </block> |
| 177 | </view> | 182 | </view> |