小程序分类左右联动改后文件

module.exports = /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 6); /******/ }) /************************************************************************/ /******/ ({ /***/ 6: /***/ (function(module, exports, __webpack_require__) { "use strict"; Component({ options: { addGlobalClass: true, pureDataPattern: /^_/, multipleSlots: true }, properties: { vtabs: { type: Array, value: [] }, tabBarClass: { type: String, value: '' }, activeClass: { type: String, value: '' }, tabBarLineColor: { type: String, value: '#ff0000' }, tabBarInactiveTextColor: { type: String, value: '#000000' }, tabBarActiveTextColor: { type: String, value: '#ff0000' }, tabBarInactiveBgColor: { type: String, value: '#eeeeee' }, tabBarActiveBgColor: { type: String, value: '#ffffff' }, activeTab: { type: Number, value: 0 }, animation: { type: Boolean, value: true }, topHeight: { type: Number, value: 0 }, //未滚动时距离顶部的距离 topScrollHeight:{ type: Number, value: 0 }, //滚动了多少 navCustomHeight:{ type: Number, value: 0 } //左侧点击时距离顶部的粘性距离（根据不同手机的自定义头部导航高度） }, data: { currentView: 0, contentScrollTop: 0, _heightRecords: [], _contentHeight: {}, }, observers: { activeTab: function activeTab(_activeTab) { this.scrollTabBar(_activeTab); }, topScrollHeight(newValue){ var topScrollH = this.data.topScrollHeight var _heightRecords = this.data._heightRecords; if(topScrollH>this.data.topHeight && topScrollH<_heightRecords[_heightRecords.length-1]){ // console.log(newValue) this.handleContentScroll(); } }, topHeight(newval){ this.calcHeight(); } }, relations: { '../vtabs-content/index': { type: 'child', linked: function linked(target) { var _this = this; target.calcHeight(function (rect) { _this.data._contentHeight[target.data.tabIndex] = rect.height; if (_this._calcHeightTimer) { clearTimeout(_this._calcHeightTimer); } // _this._calcHeightTimer = setTimeout(function () { // _this.calcHeight(); // }, 600); }); }, unlinked: function unlinked(target) { delete this.data._contentHeight[target.data.tabIndex]; } }, }, lifetimes: { attached: function attached() { }, }, methods: { calcHeight: function calcHeight() { var topHeight=this.data.topHeight var length = this.data.vtabs.length; var _contentHeight = this.data._contentHeight; var _heightRecords = []; var temp = 0+topHeight; for (var i = 0; i < length; i++) { _heightRecords[i] = temp + _contentHeight[i] || 0; temp = _heightRecords[i]; } //console.log(_heightRecords,topHeight) this.data._heightRecords = _heightRecords; }, scrollTabBar: function scrollTabBar(index) { var len = this.data.vtabs.length; if (len === 0) return; var currentView = index < 6 ? 0 : index - 5; if (currentView >= len) currentView = len - 1; this.setData({ currentView: currentView }); }, handleTabClick: function handleTabClick(e) { var _heightRecords = this.data._heightRecords; var index = e.currentTarget.dataset.index; var contentScrollTop = _heightRecords[index - 1] || 0; //this.triggerEvent('tabclick', { index: index }); this.setData({ activeTab: index, //contentScrollTop: contentScrollTop }); //console.log(this.data.activeTab,contentScrollTop) //点击后滚动到的位置 var that=this wx.pageScrollTo({ scrollTop: contentScrollTop, // 滚动到的位置（距离顶部 px） duration: 1, //滚动所需时间 如果不需要滚�