v2.1.2

demo/pages/component/home/home.js

@@ -1,4 +1,7 @@
 Component({
+  options: {
+    addGlobalClass: true,
+  },
   data: {
     elements: [
       { title: '操作条', name: 'bar', color: 'purple', icon: 'vipcard' },
@@ -13,16 +16,4 @@ Component({
       { title: '步骤条', name: 'steps', color: 'cyan', icon: 'roundcheckfill' },
     ],
   },
-  onLoad: function () {
-  },
-  pageLifetimes: {
-    show() {
-      if (typeof this.getTabBar === 'function' &&
-        this.getTabBar()) {
-        this.getTabBar().setData({
-          selected: 1
-        })
-      }
-    }
-  }
 })

demo/pages/component/home/home.json

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

demo/pages/component/home/home.wxml

@@ -1,9 +1,11 @@
-<image src='/images/componentBg.png' mode='widthFix' class='response'></image>
-<view class='nav-list'>
-  <navigator hover-class='none' url="../{{item.name}}/{{item.name}}" class="nav-li bg-{{item.color}}" style='animation: show {{(index+1)*0.2+1}}s 1;-webkit-animation: show {{(index+1)*0.2+1}}s 1;' wx:for="{{elements}}" wx:key>
-    <view class="nav-title">{{item.title}}</view>
-    <view class="nav-name">{{item.name}}</view>
-    <text class='icon-{{item.icon}}'></text>
-  </navigator>
-</view>
-<view class='cu-tabbar-height'></view>
+<scroll-view scroll-y class="scrollPage">
+  <image src='/images/componentBg.png' mode='widthFix' class='response'></image>
+  <view class='nav-list'>
+    <navigator hover-class='none' url="/pages/component/{{item.name}}/{{item.name}}" class="nav-li bg-{{item.color}}" wx:for="{{elements}}" wx:key>
+      <view class="nav-title">{{item.title}}</view>
+      <view class="nav-name">{{item.name}}</view>
+      <text class='icon-{{item.icon}}'></text>
+    </navigator>
+  </view>
+  <view class='cu-tabbar-height'></view>
+</scroll-view>