init

xhs-mini-demos/entry/component/component.js

@@ -0,0 +1,115 @@
+/**
+ * @file demo page for component
+ * @author sunbai
+ */
+
+/* global Page, xhs */
+
+const componentItems = require('../../config');
+
+Page({
+  // 验证首页生命周期
+  onUnload(){
+    xhs.request({
+      url: 'https://spider-tracker.xiaohongshu.com/api/data/onUnload',
+      method: 'POST',
+    });
+  },
+  onHide(){
+    xhs.request({
+      url: 'https://spider-tracker.xiaohongshu.com/api/data/onHide',
+      method: 'POST',
+    });
+  },
+  onShow(){
+    xhs.request({
+      url: 'https://spider-tracker.xiaohongshu.com/api/data/onShow',
+      method: 'POST',
+    });
+  },
+  data: {
+    items: componentItems.component,
+    statusBarHeight: xhs.getSystemInfoSync().statusBarHeight,
+    scrollTop: 0, // 滑动条离顶部的距离
+    fixTop: 0,
+    fixTopBar: false
+  },
+  onLoad(e) {
+    setTimeout(() => {
+      this.removeSkeleton();
+    }, 500);
+    // lottie页面需要判断版本
+    const t = this;
+    xhs.getSystemInfo({
+      success: res => {
+        let version = t.compareVersion('11.2', res.version);
+        if (res.platform === 'ios' && version) {
+          t.data.items[1].list[3].id = 'update';
+        }
+
+      }
+    });
+    xhs.createSelectorQuery().select('.group-logo').boundingClientRect(function (rect) {
+      t.data.fixTop = rect.top;
+    }).exec();
+    this.setData({ isSetTabBarPage: !!e.data });
+
+    setTimeout(() => {
+      // this.removeSkeleton && this.removeSkeleton();
+      setTimeout(() => {
+        xhs.pageScrollTo({
+          scrollTop: 100
+        });
+      }, 2000);
+    }, 2000);
+  },
+  compareVersion(v1, v2) {
+    v1 = v1.split('.');
+    v2 = v2.split('.');
+    let len = Math.max(v1.length, v2.length);
+    while (v1.length < len) {
+      v1.push('0');
+    }
+    while (v2.length < len) {
+      v2.push('0');
+    }
+    for (let i = 0; i < len; i++) {
+      let num1 = parseInt(v1[i], 10);
+      let num2 = parseInt(v2[i], 10);
+      if (num1 > num2) {
+        return 1;
+      }
+      else if (num1 < num2) {
+        return 0;
+      }
+
+    }
+  },
+  oneItemClick: e => {
+    let viewName = e.currentTarget.dataset.id;
+    xhs.navigateTo({
+      url: '/component-case/' + viewName + '/' + viewName
+    });
+  },
+  toggleClick(e) {
+    console.log('e', e, e.currentTarget.dataset.id);
+    // 无子项直接跳转
+    let apiName = e.currentTarget.dataset.id;
+    // if (apiName) {
+    //     xhs.navigateTo({
+    //         url: '/component-case/' + apiName + '/' + apiName
+    //     });
+    //     return;
+    // }
+
+    // 子项展开与收起
+    const index = e.currentTarget.dataset.index;
+    const items = this.data.items;
+    this.setData(`items[${index}].open`, !items[index].open);
+  },
+  openSearch() {
+    xhs.navigateTo({
+      url: '/entry/search/search'
+    });
+  }
+});