blocklist

pages/components/tabs/tabs.js

@@ -1,4 +1,4 @@
-// pages/components/tabs/tabs.js
+
 Component({
   /**
    * 组件的属性列表

pages/components/blockList/blockList.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "homeOne": "../blocks/homeOne/homeOne",
+    "homeTwo": "../blocks/homeTwo/homeTwo",
+    "homeThree": "../blocks/homeThree/homeThree"
+  }
+}

pages/components/blockList/blockList.wxml

@@ -0,0 +1,6 @@
+<view>
+  <homeOne></homeOne>
+  <homeTwo></homeTwo>
+  <homeThree></homeThree> 
+</view>
+

pages/components/blocks/homeOne/homeOne.js

@@ -0,0 +1,23 @@
+// pages/components/blocks/home1/home1.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

pages/components/blocks/homeOne/homeOne.wxml

@@ -0,0 +1,2 @@
+<!--pages/components/blocks/homeOne/homeOne.wxml-->
+<text>home1.wxml</text>

pages/components/blocks/homeOne/homeOne.wxss

@@ -0,0 +1 @@
+/* pages/components/blocks/home1/home1.wxss */

pages/components/blocks/homeThree/homeThree.js

@@ -0,0 +1,23 @@
+// pages/components/blocks/home3/home3.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

pages/components/blocks/homeThree/homeThree.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

pages/components/blocks/homeThree/homeThree.wxml

@@ -0,0 +1,2 @@
+<!--pages/components/blocks/homeThree/homeThree.wxml-->
+<text>homeThree.wxml</text>

pages/components/blocks/homeThree/homeThree.wxss

@@ -0,0 +1 @@
+/* pages/components/blocks/home3/home3.wxss */

pages/components/blocks/homeTwo/homeTwo.js

@@ -0,0 +1,23 @@
+// pages/components/blocks/home2/home2.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

pages/components/blocks/homeTwo/homeTwo.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

pages/components/blocks/homeTwo/homeTwo.wxml

@@ -0,0 +1,2 @@
+<!--pages/components/blocks/home2/home2.wxml-->
+<text>homeTwo.wxml</text>

pages/components/blocks/homeTwo/homeTwo.wxss

@@ -0,0 +1 @@
+/* pages/components/blocks/home2/home2.wxss */

pages/components/blocks/tabs/tabs.js

@@ -0,0 +1,41 @@
+
+// const getReq = require('./../../../config.js').getReq
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    tabs: {
+      type: Array
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    secIndex: 0
+  },
+
+  ready() {
+     
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    secTabs: function (e) {
+      let secIndex = e.currentTarget.dataset.id
+      if (secIndex == this.data.secIndex) {
+        return
+      }      
+      let item = e.currentTarget.dataset.item
+      this.setData({
+        secIndex
+      })
+      var myEventDetail = { item } // detail对象，提供给事件监听函数   
+      this.triggerEvent('myevent', myEventDetail)
+    }
+  } 
+})

pages/components/blocks/tabs/tabs.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

pages/components/blocks/tabs/tabs.wxml

@@ -0,0 +1,15 @@
+
+<view>
+  <scroll-view class="scroll-view_H" scroll-x="true" style="width: 100%">
+    <view 
+      wx:for="{{tabs}}" 
+      wx:key="tabsIndex" 
+      wx:for-index="tabsIndex" 
+      class="scroll-view-item_H {{tabsIndex==secIndex ? 'active':''}}" 
+      bindtap="secTabs" 
+      data-id="{{tabsIndex}}"
+      data-item="{{item}}">
+      {{item.name}}
+    </view>
+  </scroll-view>
+</view>

pages/components/blocks/tabs/tabs.wxss

@@ -0,0 +1,30 @@
+
+.scroll-view_H{
+  white-space: nowrap;
+}
+.scroll-view-item{
+  height: 300rpx;
+}
+.scroll-view-item_H{
+  position: relative;
+  display: inline-block;
+  padding: 10rpx 28rpx;
+  height: 40rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+.scroll-view-item_H:after {
+  content: '';
+  position: absolute;
+  width: 70%;
+  height: 4rpx;
+  left: 15%;
+  bottom: 6rpx;
+  background: transparent;
+}
+.scroll-view-item_H.active {
+  color: #eb4e4f
+}
+.scroll-view-item_H.active:after {
+  background: #eb4e4f;
+}

pages/components/tabs/tabs.wxml

@@ -1,2 +0,0 @@
-<!--pages/components/tabs/tabs.wxml-->
-<text>pages/components/tabs/tabs.wxml</text>

pages/components/tabs/tabs.wxss

@@ -1 +0,0 @@
-/* pages/components/tabs/tabs.wxss */

pages/index/index.js

@@ -5,18 +5,44 @@ const app = getApp()
 
 Page({
   data: {
-    
+    tabs: []
   },
-  
+
   onLoad: function () {
+    var self = this
     getReq({
       act: 'index',
       op: 'tabs'
-    }, function(res) {
-      console.log(res)
+    }, function (res) {
+      if (res.code == 200) {
+        self.getDatas(res.datas.tabs[0].special_id)
+        self.setData({
+          tabs: res.datas.tabs
+        })
+      }
     })
-
-   
   },
+  onMyEvent: function (e) {
+    this.getDatas(e.detail.special_id)
+  },
+
+  getDatas(special_id) {
+    var self = this
+    getReq({
+      act: 'special',
+      op: 'index',
+      special_id,
+      page: 10,
+      curpage: 1
+    }, function (res) {
+      if (res.code == 200) {
+        console.log(res)
+        // self.setData({
+        //   tabs: res.datas.tabs
+        // })
+      }
+    })
+  }
+
 
 })

pages/index/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "tabs" : "../components/blocks/tabs/tabs",
+    "blockList" : "../components/blockList/blockList"
+  }
+}

pages/index/index.wxml

@@ -1,4 +1,5 @@
 <!--index.wxml-->
-<view class="container">
-
+<view class="">
+  <tabs tabs="{{tabs}}" bind:myevent="onMyEvent"></tabs>
+  <blockList> </blockList>
 </view>