You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
4.9 KiB
40 lines
4.9 KiB
5 years ago
|
"use strict";
|
||
|
|
Component({
|
||
|
|
properties: {
|
||
|
|
typeList: {
|
||
|
|
type: Array,
|
||
|
|
value: []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
scrollLeft: 0
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onButtonChange: function (e) {
|
||
|
|
var list = this.data.typeList;
|
||
|
|
var that = this;
|
||
|
|
list.forEach(function (item) {
|
||
|
|
if (item.type === e.currentTarget.dataset.type) {
|
||
|
|
item.select = true;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
item.select = false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
that.setData({
|
||
|
|
typeList: list,
|
||
|
|
});
|
||
|
|
var query = wx.createSelectorQuery().in(that);
|
||
|
|
query.select('#item-' + e.currentTarget.dataset.type).boundingClientRect();
|
||
|
|
query.select('#scroll-view').boundingClientRect();
|
||
|
|
query.select('#scroll-view').scrollOffset();
|
||
|
|
query.exec(function (res) {
|
||
|
|
that.setData({
|
||
|
|
scrollLeft: res[2].scrollLeft + res[0].left + res[0].width / 2 - res[1].width / 2
|
||
|
|
});
|
||
|
|
});
|
||
|
|
this.triggerEvent('chooseType', e.currentTarget.dataset.type);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbInRhYkl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVMsQ0FBQztJQUlSLFVBQVUsRUFBRTtRQUNWLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSxLQUFLO1lBQ1gsS0FBSyxFQUFFLEVBQUU7U0FDVjtLQUNGO0lBS0QsSUFBSSxFQUFFO1FBQ0osVUFBVSxFQUFFLENBQUM7S0FDZDtJQUtELE9BQU8sRUFBRTtRQUNQLGNBQWMsRUFBRSxVQUFVLENBQUM7WUFDekIsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUE7WUFDL0IsSUFBSSxJQUFJLEdBQUcsSUFBSSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBQSxJQUFJO2dCQUNmLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUU7b0JBQzlDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFBO2lCQUNuQjtxQkFBTTtvQkFDTCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQTtpQkFDcEI7WUFDSCxDQUFDLENBQUMsQ0FBQTtZQUNGLElBQUksQ0FBQyxPQUFPLENBQUM7Z0JBQ1gsUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDLENBQUE7WUFDRixJQUFJLEtBQUssR0FBRyxFQUFFLENBQUMsbUJBQW1CLEVBQUUsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDOUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUMzRSxLQUFLLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDbEQsS0FBSyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUM1QyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRztnQkFFdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQztvQkFDWCxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQztpQkFDbEYsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUMvRCxDQUFDO0tBQ0Y7Q0FDRixDQUFDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJDb21wb25lbnQoe1xyXG4gIC8qKlxyXG4gICAqIOe7hOS7tueahOWxnuaAp+WIl+ihqFxyXG4gICAqL1xyXG4gIHByb3BlcnRpZXM6IHtcclxuICAgIHR5cGVMaXN0OiB7XHJcbiAgICAgIHR5cGU6IEFycmF5LFxyXG4gICAgICB2YWx1ZTogW11cclxuICAgIH1cclxuICB9LFxyXG5cclxuICAvKipcclxuICAgKiDnu4Tku7bnmoTliJ3lp4vmlbDmja5cclxuICAgKi9cclxuICBkYXRhOiB7XHJcbiAgICBzY3JvbGxMZWZ0OiAwXHJcbiAgfSxcclxuXHJcbiAgLyoqXHJcbiAgICog57uE5Lu255qE5pa55rOV5YiX6KGoXHJcbiAgICovXHJcbiAgbWV0aG9kczoge1xyXG4gICAgb25CdXR0b25DaGFuZ2U6IGZ1bmN0aW9uIChlKSB7XHJcbiAgICAgIGNvbnN0IGxpc3QgPSB0aGlzLmRhdGEudHlwZUxpc3RcclxuICAgICAgbGV0IHRoYXQgPSB0aGlzO1xyXG4gICAgICBsaXN0LmZvckVhY2goaXRlbSA9PiB7XHJcbiAgICAgICAgaWYgKGl0ZW0udHlwZSA9PT0gZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQudHlwZSkge1xyXG4gICAgICAgICAgaXRlbS5zZWxlY3QgPSB0cnVlXHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIGl0ZW0uc2VsZWN0ID0gZmFsc2VcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICAgIHRoYXQuc2V0RGF0YSh7XHJcbiAgICAgICAgdHlwZUxpc3Q6IGxpc3QsXHJcbiAgICAgIH0pXHJcbiAgICAgIHZhciBxdWVyeSA9IHd4LmNyZWF0ZVNlbGVjdG9yUXVlcnkoKS5pbih0aGF0KTsvL+WIm+W7uuiKgueCueafpeivouWZqFxyXG4gICAgICBxdWVyeS5zZWxlY3QoJyNpdGVtLScgKyBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC50eXBlKS5ib3VuZGluZ0NsaWVudFJlY3QoKTsvL+mAieaLqWlkPScjaXRlbS0nICsgc2VsZWN0ZWRJZOeahOiKgueCue+8jOiOt+WPluiKgueCueS9jee9ruS/oeaBr+eahOafpeivouivt+axglxyXG4gICAgICBxdWVyeS5zZWxlY3QoJyNzY3JvbGwtdmlldycpLmJvdW5kaW5nQ2xpZW50UmVjdCgpOy8v6I635Y+W5ruR5Z2X55qE5L2N572u5L+h5oGvXHJcbiAgICAgIHF1ZXJ5LnNlbGVjdCgnI3Njcm9sbC12aWV3Jykuc2Nyb2xsT2Zmc2V0KCk7Ly/ojrflj5bpobXpnaLmu5HliqjkvY3nva7nmoTmn6Xor6Lor7fmsYJcclxuICAgICAgcXVlcnkuZXhlYyhmdW5jdGlvbiAocmVzKSB7XHJcbiAgICAgICAgLy8gY29uc29sZS5sb2cocmVzWzJdLnNjcm9sbExlZnQgKyByZXNbMF0ubGVmdCArIHJlc1swXS53aWR0aCAvIDIgLSByZXNbMV0ud2lkdGggLyAyKVxyXG4gICAgICAgIHRoYXQuc2V0RGF0YSh7XHJcbiAgICAgICAgICBzY3JvbGxMZWZ0OiByZXNbMl0uc2Nyb2xsTGVmdCArIHJlc1swXS5sZWZ0ICsgcmVzWzBdLndpZHRoIC8gMiAtIHJlc1sxXS53aWR0aCAvIDJcclxuICAgICAgICB9KTtcclxuICAgICAgfSk7XHJcbiAgICAgIHRoaXMudHJpZ2dlckV2ZW50KCdjaG9vc2VUeXBlJywgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQudHlwZSlcclxuICAgIH1cclxuICB9XHJcbn0pXHJcbiJdfQ==
|