Patch 2

README.md

@@ -0,0 +1,6 @@
+# MiniProgram
+微信小程序
+静态页面
+second-静态页面
+imgs/static-图标
+staticSecondPage/staticSecondPage.wxss-样式

pages/second/ai/ai.js

@@ -1,66 +1,55 @@
 // pages/second/ai/ai.js
 Page({
-
-  /**
-   * 页面的初始数据
-   */
   data: {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad: function (options) {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
-
-  },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
+    category: [
+      { name: '语音助手', id: 'vioce-Assistant' },
+      { name: '聊天室', id: 'chatRoom' },
+      { name: '其他', id: 'others' }
+    ],
+    detail: [
+      {
+        "id": "vioce-Assistant",
+        "banner": "/imgs/swiper/swiper-03.jpg",
+        "cate": "语音助手",
+        "detail": []
+      },
+      {
+        "id": "chatRoom",
+        "banner": "/imgs/swiper/swiper-03.jpg",
+        "cate": "聊天室",
+        "detail": []
+      },
+      {
+        "id": "others",
+        "banner": "/imgs/swiper/swiper-03.jpg",
+        "cate": "其他",
+        "detail": [{
+        }]
+      },
+    ],
+    curIndex: 0,
+    isScroll: false,
+    toView: 'vioce-Assistant'
+  },
+  onReady() {
+  },
+  switchTab(e) {
+    const self = this;
+    this.setData({
+      isScroll: true
+    })
+    setTimeout(function () {
+      self.setData({
+        toView: e.target.dataset.id,
+        curIndex: e.target.dataset.index
+      })
+    }, 0)
+    setTimeout(function () {
+      self.setData({
+        isScroll: false
+      })
+    }, 1)
 
   }
-})
+
+})

pages/second/ai/ai.wxml

@@ -1,4 +1,28 @@
 <!--pages/second/ai/ai.wxml-->
- <view class="poster-view">
-    <image src="/imgs/swiper/bg.jpg" class="poster-image" mode="scaleToFill"></image>
-  </view>
+<view class="main">
+    <view class="categroy-left">
+        <view wx:for="{{category}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}"
+            bindtap="switchTab"
+            class="cate-list {{curIndex === index?'on':''}}">{{item.name}}</view>
+    </view>
+
+    <scroll-view class="categroy-right" scroll-y="{{isScroll}}" scroll-into-view="{{toView}}" scroll-with-animation="true">
+         <block wx:for="{{detail}}" wx:for-index wx:key="idx">
+            <view id="{{item.id}}" class="cate-box">
+                <view class="cate-banner">
+                    <image src="{{item.banner}}"></image>
+                </view>
+                <view class="cate-title">
+                    <text>{{item.cate}}</text>
+                </view>
+                <view class="product">
+                    <view class="product-list" wx:for="{{item.detail}}" wx:key="index" wx:for-item="val">
+                            <image src="{{val.thumb}}"></image>
+                            <text class='product-list-item'>{{val.name}}</text>
+                    </view>
+                </view>
+            </view>
+        </block> 
+    </scroll-view>
+
+</view>

pages/second/ai/ai.wxss

@@ -1,6 +1,3 @@
 /* pages/second/ai/ai.wxss */
 @import "../../tpls/base.wxss";
-page{
-    width: 100%;
-    height: 100%;
-  }
+@import "../../tpls/staticSecondPage/staticSecondPage.wxss";

pages/second/alert/alert.js

@@ -1,66 +1,81 @@
 // pages/second/alert/alert.js
 Page({
-
-  /**
-   * 页面的初始数据
-   */
   data: {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
-  onLoad: function (options) {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide: function () {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload: function () {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh: function () {
-
+    category: [
+      { name: '私家车安防', id: 'carGuard' },
+      { name: '家居安防', id: 'homeGuard' },
+      { name: '企业安防', id: 'corporateGuard' },
+      { name: '校园安防', id: 'campusGuard' },
+      { name: '其他', id: 'others' }
+    ],
+    detail: [
+            {
+              "id": "carGuard",
+              "banner": "/imgs/swiper/swiper-03.jpg",
+              "cate": "私家车安防",
+              "detail":[{
+                "thumb": "/imgs/static/car.jpg",
+                "name":"1号"
+              }]
+            },
+            {
+              "id": "homeGuard",
+              "banner": "/imgs/swiper/swiper-03.jpg",
+              "cate": "家居安防",
+              "detail": [{
+                "thumb": "/imgs/index/smartCommunity.png",
+                "name": "A座"
+              }]
+            },
+            {
+              "id": "corporateGuard",
+              "banner": "/imgs/swiper/swiper-03.jpg",
+              "cate": "企业安防",
+              "detail": [{
+                "thumb": "/imgs/index/smartCommunity.png",
+                "name": "冠川智能"
+              }]
+            },
+            {
+              "id": "campusGuard",
+              "banner": "/imgs/swiper/swiper-03.jpg",
+              "cate": "校园安防",
+              "detail": [{
+                "thumb": "/imgs/index/smartSchool.png",
+                "name": "红星高中"
+              }]
+            },
+            {
+              "id": "others",
+              "banner": "/imgs/swiper/swiper-03.jpg",
+              "cate": "其他",
+              "detail": [{
+              }]
+      },
+            ],
+    curIndex: 0,
+    isScroll: false,
+    toView: 'carGuard'
   },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom: function () {
-
+  onReady() {
   },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
+  switchTab(e) {
+    const self = this;
+    this.setData({
+      isScroll: true
+    })
+    setTimeout(function () {
+      self.setData({
+        toView: e.target.dataset.id,
+        curIndex: e.target.dataset.index
+      })
+    }, 0)
+    setTimeout(function () {
+      self.setData({
+        isScroll: false
+      })
+    }, 1)
 
   }
-})
+
+})

pages/second/alert/alert.wxml

@@ -1,4 +1,28 @@
 <!--pages/second/alert/alert.wxml-->
- <view class="poster-view">
-    <image src="/imgs/swiper/bg.jpg" class="poster-image" mode="scaleToFill"></image>
-  </view>
+  <view class="main">
+    <view class="categroy-left">
+        <view wx:for="{{category}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}"
+            bindtap="switchTab"
+            class="cate-list {{curIndex === index?'on':''}}">{{item.name}}</view>
+    </view>
+
+    <scroll-view class="categroy-right" scroll-y="{{isScroll}}" scroll-into-view="{{toView}}" scroll-with-animation="true">
+         <block wx:for="{{detail}}" wx:for-index wx:key="idx">
+            <view id="{{item.id}}" class="cate-box">
+                <view class="cate-banner">
+                    <image src="{{item.banner}}"></image>
+                </view>
+                <view class="cate-title">
+                    <text>{{item.cate}}</text>
+                </view>
+                <view class="product">
+                    <view class="product-list" wx:for="{{item.detail}}" wx:key="index" wx:for-item="val">
+                            <image src="{{val.thumb}}"></image>
+                            <text class='product-list-item'>{{val.name}}</text>
+                    </view>
+                </view>
+            </view>
+        </block> 
+    </scroll-view>
+
+</view>

pages/second/alert/alert.wxss

@@ -1,6 +1,3 @@
 /* pages/second/alert/alert.wxss */
 @import "../../tpls/base.wxss";
-page{
-    width: 100%;
-    height: 100%;
-  }
+@import "../../tpls/staticSecondPage/staticSecondPage.wxss";