基于JavaScript的微信小程序前端模板

// pages/search/pages/filter/filter.js var i = 2; //判断动画是展开还是收起 var p = 2; var service = []; var filter_num = 0; //选择的条件数 var list; //搜索房屋条件 var arr = ['house_level', 'recommend', 'room_type', 'house_type', 'service', 'feature']; var wxb = require('../../../utils/wxb.js'); //API核心接口文件 Page({ /** * 页面的初始数据 */ data: { leftMin: 0, leftMax: 6, rightMin: 0, rightMax: 6, leftValue: 0, rightValue: 6, leftPer: '90%', activeList: { house_level: [ { id: 0, parm: 1, title: '豪华', active: false, icon: 'icon-jingpin1' }, { id: 1, parm: 2, title: '精品', active: false, icon: 'icon-jingpin' }, { id: 2, parm: 3, title: '舒适', active: false, icon: 'icon-zuowu-xiaomai' }, ], recommend: [ { id: 0, title: '豪宅', active: false }, { id: 1, title: '超赞房东', active: false }, { id: 2, title: '超赞新房', active: false }, { id: 3, title: '新房特惠', active: false }, { id: 4, title: '自营民宿', active: false }, { id: 5, title: '独立房间', active: false }, { id: 6, title: '连住优惠', active: false }, { id: 7, title: '途家优选', active: false }, { id: 8, title: '斯维登', active: false }, { id: 9, title: '闪灯', active: false }, { id: 10, title: '信用免押金', active: false }, { id: 11, title: '提供发票', active: false }, ], room_type: [ { id: 0, parm: 1, title: '一居', active: false }, { id: 1, parm: 2, title: '二居', active: false }, { id: 2, parm: 3, title: '三居', active: false }, { id: 3, parm: 4, title: '四居及以上', active: false }, ], house_type: [ { id: 0, parm: 1, title: '公寓', active: false }, { id: 1, parm: 2, title: '别墅', active: false }, { id: 2, parm: 3, title: '复式', active: false }, { id: 3, parm: 4, title: '农家乐', active: false }, { id: 4, parm: 5, title: '木屋', active: false }, { id: 5, parm: 6, title: '四合院', active: false }, { id: 6, parm: 7, title: '老洋房', active: false }, { id: 7, parm: 8, title: '客栈', active: false } ], service: [ { id: 0, parm: 9, title: '无线网络', active: false, icon: 'icon-wifi' }, { id: 1, parm: 18, title: '全天热水', active: false, icon: 'icon-quantianreshui' }, { id: 2, parm: 67, title: '电梯', active: false, icon: 'icon-dianti' }, { id: 3, parm: 13, title: '洗衣机', active: false, icon: 'icon-xiyiji' }, { id: 4, parm: 15, title: '电视', active: false, icon: 'icon-dianshi' }, { id: 5, parm: 11, title: '空调', active: false, icon: 'icon-kongtiao' }, { id: 6, parm: 14, title: '冰箱', active: false, icon: 'icon-bingxiang' }, { id: 7, parm: 53, title: '微波炉', active: false, icon: 'icon-weibolu' } ], feature: [ { id: 0, parm: 1, title: '做饭方便', active: false }, { id: 1, parm: 2, title: '长租首选', active: false }, { id: 2, parm: 3, title: '宠物同行', active: false }, { id: 3, parm: 4, title: '聚会轰趴', active: false }, { id: 4, parm: 5, title: '海景房', active: false }, { id: 5, parm: 6, title: '湖景房', active: false }, { id: 6, parm: 7, title: '江景房', active: false }, { id: 7, parm: 8, title: '山景房', active: false }, ] }, priceList: ['￥0','￥200','￥300','￥400','￥500','￥800','不限'], stepper: { stepper: 0, min: 0, max: 10, size: 'small' }, result: '', isActive: false, isQuery: true }, // 查询房屋数据 getHouse: function(params){ var that = this; that.setData({ isQuery: false }); wxb.Post(wxb.api.minsu_index, params, function (data) { var result = 0; if (data.total) result = data.total; that.setData({ isQuery: true, result: result + '套' }); }); }, //展开收起1 arrowChange(){ var that = this if(i % 2 == 0){ that.setData({ isArrow: 'animation: arrow 0.3s;animation-fill-mode: forwards', isView: 'animation: view 0.3s;animation-fill-mode: forwards;' }) i++ } else{ that.setData({ isArrow: 'animation: arrow2 0.3s;animation-fill-mode: forwards', isView: 'animation: view2 0.3s;animation-fill-mode: forwards;' }) i++ } }, //展开收起2 arrowChange2(){ var that = this if (p % 2 == 0) { that.setData({ isArrow_2: 'animation: arrow 1s;animation-fill-mode: forwards', isView_2: 'animation: view_mating 1s;animation-fill-mode: forwards;' }) p++ } else { that.setData({ isArrow_2: 'animation: arrow2 1s;animation-fill-mode: forwards', isView_2: 'animation: view_mating2 1s;animation-fill-mode: forwards;' }) p++ } }, //选中状态切换 activeTogg(e){ var that = this; var activeList = that.data.activeList; var id = e.currentTarget.dataset.id; var name = e.currentTarget.dataset.name; var parm = e.currentTarget.dataset.parm; var active = 'activeList.' + name + '[' + id + '].activ