商品分组、服务卡项分组自定义模版分类标题置顶

后端研发-苏泰源
1 parent f3f09f94
Showing 7 changed files with 38 additions and 20 deletions
components/diy_goodsGroup/diy_goodsGroup.js
components/diy_goodsGroup/diy_goodsGroup.json
components/diy_goodsGroup/diy_goodsGroup.wxml
components/diy_serviceCard/diy_serviceCard.js
components/diy_serviceCard/diy_serviceCard.wxml
pages/index/index/index.js
pages/index/index/index.wxml
@@ -14,7 +14,14 @@ Component({
 			type: Object,
 			value: null,
 		},
-
+		sticky: {
+			type: Number,
+			value: 0,
+		},
+		container: {
+		 type: Function,
+			value: null,
+		},
 	},
 	data: {
 		// 这里是一些组件内部数据
@@ -47,14 +54,17 @@ Component({
 		swiper_hei: 0,
 		title_class: "",
 		is_no_plus: 1,
+		container: null,
 	},
-	ready: function () { },
-
 	lifetimes: {
+		ready: function () {
+			this.setData({
+			  container: () => wx.createSelectorQuery().select('#container')
+			})
+		},
+		
 		attached: function () {
-
-
 			//要兼容性的写法，因为有些商家都还未更新商品分组的最新的效果~~3.0公众号的html页面所以不用兼容写法	
 			var nav_item = this.data.object;
 			var nav_list = this.data.object.nav_list;
 {
   "component": true,
   "usingComponents": {
-    "mp-loading": "weui-miniprogram/loading/loading"
+    "mp-loading": "weui-miniprogram/loading/loading",
+		"mp-sticky": "../mp-sticky/mp-sticky"
   }
 }
 \ No newline at end of file
@@ -4,13 +4,27 @@
 <!-- 要不要顶部标题 -->
 <mp-loading show ="{{goods_array.length== 0}}" type="circle"></mp-loading>
+
+<view id="container">
+	
+
 <block wx:if="{{is_nav}}">
+	<mp-sticky wx:if="{{sticky == 1}}" container="{{container}}">
     <view class="flex gr_title_list" style="overflow-x: auto;">
         <view class="gr_title_item" wx:for="{{nav_list}}" data-index="{{index}}" bindtap="gr_set_nav" data-idlist="{{item.idlist}}" data-wgroup="{{item.wgroup}}" data-classstyle="{{item.classstyle}}">
             <text class="{{index==title_index?'t_red':''}}" style="{{title_class}}">{{item.title}}</text>
         </view>
     </view>
+	</mp-sticky>
+	
+	<view class="flex gr_title_list" style="overflow-x: auto;" wx:else>
+	    <view class="gr_title_item" wx:for="{{nav_list}}" data-index="{{index}}" bindtap="gr_set_nav" data-idlist="{{item.idlist}}" data-wgroup="{{item.wgroup}}" data-classstyle="{{item.classstyle}}">
+	        <text class="{{index==title_index?'t_red':''}}" style="{{title_class}}">{{item.title}}</text>
+	    </view>
+	</view>
 </block>
+
+
 <view style="background-color: {{bg_color}};">
     <!--1个列表的时候-->
     <view class="zs_goods_wai" wx:if='{{object.column==1}}'>
@@ -885,4 +899,6 @@
         </view>
     </swiper>
+</view>
+
 </view>
 \ No newline at end of file
@@ -19,9 +19,10 @@ Component({
 		},
 		sticky: {
 			type: Number,
+			value: 0,
 		},
 		container: {
-			type: Object,
+		 type: Function,
 			value: null,
 		},
 	},
@@ -185,10 +186,6 @@ Component({
 		show: function() {
 			//--初始化卡类--
 			// this.card_init();
-			// this.setData({
-			//   container: () => wx.createSelectorQuery().select('#container')
-			// });
-			console.log('onshow');
 		},
 	},
@@ -12,7 +12,7 @@
 </block> -->
 <view id="container">
-	<mp-sticky wx:if="{{sticky == 1}}">
+	<mp-sticky wx:if="{{sticky == 1}}" container="{{container}}">
 		<scroll-view scroll-x="true" enhanced="true" fast-deceleration="true" show-scrollbar="false" wx:if="{{is_nav}}">
 			<view class="flex" style="{{myStyle}};">
 				<view
@@ -88,12 +88,6 @@ Page({
 		container: null,
 	},
-	onReady() {
-	    this.setData({
-	      container: () => wx.createSelectorQuery().select('#container')
-	    })
-			console.log('container', this.data.container);
-	},
 	onLoad: async function (tt) {
 		wx.showShareMenu({
@@ -469,7 +469,7 @@
       </block>
       <!--商品分组-->
       <block wx:if="{{item.ename=='goodsGroup'}}">
-        <goodsGroup object="{{item.content}}"></goodsGroup>
+        <goodsGroup object="{{item.content}}" sticky="{{template_arr[0].content.is_top}}"></goodsGroup>
       </block>
       <!--通知-->
@@ -536,7 +536,7 @@
 		<!-- 服务卡项 -->
 		<block wx:if="{{item.ename=='servicecategory'}}">
-			 <serviceCard object="{{item.content}}" sticky="{{template_arr[0].content.is_top}}" id="container"></serviceCard>
+			 <serviceCard object="{{item.content}}" sticky="{{template_arr[0].content.is_top}}"></serviceCard>
 		</block>