更新页面逻辑

miniapp/app/pages/classify/index.js

@@ -2,6 +2,18 @@ const $ = global;
 
 new $.Page({
     data: {
+        toView: ''
+    },
+    onLoad() {
+        const meta = $.router.getMeta();
+        const target = meta && meta.params && meta.params.target || '';
 
+        if (target) {
+            setTimeout(() => {
+                this.setData({
+                    toView: target
+                });
+            }, 10);
+        }
     }
 });

miniapp/app/pages/classify/index.wxml

@@ -1,118 +1,120 @@
 <view class="page">
-    <view class="page-bd">
-        <view class="classify blue">
-            <view class="hd">
-                <text class="dot">●</text>家政</view>
-            <view class="bd">
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">月嫂</view>
-                        <view class="sub-text">月嫂</view>
-                        <image class="icon-arr" src="/img/arr1.png"></image>
+    <scroll-view scroll-y scroll-with-animation="true" scroll-into-view="{{toView}}">
+        <view class="page-bd">
+            <view class="classify blue">
+                <view class="hd">
+                    <text class="dot">●</text>家政</view>
+                <view class="bd">
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">月嫂</view>
+                            <view class="sub-text">月嫂</view>
+                            <image class="icon-arr" src="/img/arr1.png"></image>
+                        </view>
                     </view>
-                </view>
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">育婴师</view>
-                        <view class="sub-text">育婴师</view>
-                        <image class="icon-arr" src="/img/arr1.png"></image>
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">育婴师</view>
+                            <view class="sub-text">育婴师</view>
+                            <image class="icon-arr" src="/img/arr1.png"></image>
+                        </view>
                     </view>
-                </view>
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">病人护理</view>
-                        <view class="sub-text">病人护理</view>
-                        <image class="icon-arr" src="/img/arr1.png"></image>
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">病人护理</view>
+                            <view class="sub-text">病人护理</view>
+                            <image class="icon-arr" src="/img/arr1.png"></image>
+                        </view>
                     </view>
-                </view>
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">老人看护</view>
-                        <view class="sub-text">老人看护</view>
-                        <image class="icon-arr" src="/img/arr1.png"></image>
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">老人看护</view>
+                            <view class="sub-text">老人看护</view>
+                            <image class="icon-arr" src="/img/arr1.png"></image>
+                        </view>
                     </view>
                 </view>
             </view>
-        </view>
-        <view class="classify green">
-            <view class="hd">
-                <text class="dot">●</text>钟点/家庭保洁服务</view>
-            <view class="bd">
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">空调清洗</view>
-                        <view class="sub-text">空调清洗</view>
-                        <image class="icon-arr" src="/img/arr2.png"></image>
+            <view class="classify green" id="zhongdian">
+                <view class="hd">
+                    <text class="dot">●</text>钟点/家庭保洁服务</view>
+                <view class="bd">
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">空调清洗</view>
+                            <view class="sub-text">空调清洗</view>
+                            <image class="icon-arr" src="/img/arr2.png"></image>
+                        </view>
                     </view>
-                </view>
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">冰箱清洁</view>
-                        <view class="sub-text">冰箱清洁</view>
-                        <image class="icon-arr" src="/img/arr2.png"></image>
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">冰箱清洁</view>
+                            <view class="sub-text">冰箱清洁</view>
+                            <image class="icon-arr" src="/img/arr2.png"></image>
+                        </view>
                     </view>
-                </view>
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">抽油烟机清洗</view>
-                        <view class="sub-text">抽油烟机清洗</view>
-                        <image class="icon-arr" src="/img/arr2.png"></image>
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">抽油烟机清洗</view>
+                            <view class="sub-text">抽油烟机清洗</view>
+                            <image class="icon-arr" src="/img/arr2.png"></image>
+                        </view>
                     </view>
-                </view>
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">家庭除螨</view>
-                        <view class="sub-text">家庭除螨</view>
-                        <image class="icon-arr" src="/img/arr2.png"></image>
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">家庭除螨</view>
+                            <view class="sub-text">家庭除螨</view>
+                            <image class="icon-arr" src="/img/arr2.png"></image>
+                        </view>
                     </view>
-                </view>
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">开荒清洁</view>
-                        <view class="sub-text">开荒清洁</view>
-                        <image class="icon-arr" src="/img/arr2.png"></image>
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">开荒清洁</view>
+                            <view class="sub-text">开荒清洁</view>
+                            <image class="icon-arr" src="/img/arr2.png"></image>
+                        </view>
                     </view>
                 </view>
             </view>
-        </view>
-        <view class="classify pink">
-            <view class="hd">
-                <text class="dot">●</text>母婴产品</view>
-            <view class="bd">
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">母婴产品</view>
-                        <view class="sub-text">母婴产品</view>
-                        <image class="icon-arr" src="/img/arr3.png"></image>
+            <view class="classify pink">
+                <view class="hd">
+                    <text class="dot">●</text>母婴产品</view>
+                <view class="bd">
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">母婴产品</view>
+                            <view class="sub-text">母婴产品</view>
+                            <image class="icon-arr" src="/img/arr3.png"></image>
+                        </view>
                     </view>
                 </view>
             </view>
-        </view>
-        <view class="classify orange">
-            <view class="hd">
-                <text class="dot">●</text>催乳及产后康复</view>
-            <view class="bd">
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">催乳及产后康复</view>
-                        <view class="sub-text">催乳及产后康复</view>
-                        <image class="icon-arr" src="/img/arr4.png"></image>
+            <view class="classify orange">
+                <view class="hd">
+                    <text class="dot">●</text>催乳及产后康复</view>
+                <view class="bd">
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">催乳及产后康复</view>
+                            <view class="sub-text">催乳及产后康复</view>
+                            <image class="icon-arr" src="/img/arr4.png"></image>
+                        </view>
                     </view>
                 </view>
             </view>
-        </view>
-        <view class="classify purple">
-            <view class="hd">
-                <text class="dot">●</text>月子及育婴知识咨询</view>
-            <view class="bd">
-                <view class="item">
-                    <view class="inner">
-                        <view class="text">月子及育婴知识咨询</view>
-                        <view class="sub-text">月子及育婴咨询</view>
-                        <image class="icon-arr" src="/img/arr5.png"></image>
+            <view class="classify purple">
+                <view class="hd">
+                    <text class="dot">●</text>月子及育婴知识咨询</view>
+                <view class="bd">
+                    <view class="item">
+                        <view class="inner">
+                            <view class="text">月子及育婴知识咨询</view>
+                            <view class="sub-text">月子及育婴咨询</view>
+                            <image class="icon-arr" src="/img/arr5.png"></image>
+                        </view>
                     </view>
                 </view>
             </view>
         </view>
-    </view>
+    </scroll-view>
 </view>

miniapp/app/pages/goodsList/index.js

@@ -3,5 +3,13 @@ const $ = global;
 new $.Page({
     data: {
 
+    },
+    onLoad() {
+        this.init();
+    },
+    init() {
+        $.request('products', 'GET', {}).then((res) => {
+
+        });
     }
 });

miniapp/app/pages/home/index.js

@@ -10,5 +10,21 @@ new $.Page({
     },
     onLoad() {
         WxParse.wxParse('article', 'html', '<div>hello world</div>', this);
+    },
+    handleJump(e) {
+        const {
+            route,
+            type,
+            target
+        } = e.currentTarget.dataset;
+        if (route) {
+            $.router.goto({
+                path: `/pages/${route}/index`,
+                type: type && parseInt(type),
+                params: {
+                    target: target || ''
+                }
+            });
+        }
     }
 });

miniapp/app/pages/home/index.wxml

@@ -1,8 +1,8 @@
 <import src="/wxParse/wxParse.wxml" />
 <view class="page">
     <view class="page-hd">
-        <swiper indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#00a0e9" autoplay="true" interval="5000"
-            duration="500">
+        <swiper indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#00a0e9" autoplay="true"
+            interval="5000" duration="500">
             <block wx:for="{{imgUrls}}">
                 <swiper-item>
                     <image src="{{item}}" class="slide-image" />
@@ -19,19 +19,19 @@
             </view>
         </view>
         <view class="entrances">
-            <view class="item">
+            <view class="item" bindtap="handleJump" data-route="classify" data-type="5">
                 <view class="entrance">
                     <image class="img" mode="widthFix" src="/img/entrance1.png"></image>
                     <view class="name">家政</view>
                 </view>
             </view>
-            <view class="item">
+            <view class="item" bindtap="handleJump" data-route="classify" data-target="zhongdian" data-type="5">
                 <view class="entrance">
                     <image class="img" mode="widthFix" src="/img/entrance2.png"></image>
                     <view class="name">钟点/家庭保洁服务</view>
                 </view>
             </view>
-            <view class="item">
+            <view class="item" bindtap="handleJump" data-route="goodsList">
                 <view class="entrance">
                     <image class="img" mode="widthFix" src="/img/entrance3.png"></image>
                     <view class="name">母婴用品</view>
@@ -49,7 +49,7 @@
                     <view class="name">月子及育婴知识咨询</view>
                 </view>
             </view>
-            <view class="item">
+            <view class="item" bindtap="handleJump" data-route="classify" data-type="5">
                 <view class="entrance">
                     <image class="img" mode="widthFix" src="/img/entrance6.png"></image>
                     <view class="name">更多</view>

miniapp/app/pages/order/index.js

@@ -3,5 +3,13 @@ const $ = global;
 new $.Page({
     data: {
 
+    },
+    onShow() {
+        this.init();
+    },
+    init() {
+        $.request('my/orders', 'GET', {}).then((res) => {
+
+        });
     }
 });