// pages/learn/learn.js Page({ /** * 页面的初始数据 */ data: { currentTab: 0, tabList: [{ "name": "VOCs排放" }, { "name": "台账" }, { "name": "治理设施设备" }, { "name": "在线监测设备" } ], pageList: [ { banners: [ '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', ], text1: [{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年4月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年3月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" }], text2: [{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 }] },{ banners: [ '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', ], text1: [{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年4月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年3月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" }], text2: [{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 }] },{ banners: [ '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', ], text1: [{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年4月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年3月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" }], text2: [{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 }] },{ banners: [ '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', '/res/icons/btn_bg_1.png', '/res/icons/btn_bg_2.png', ], text1: [{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年4月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年3月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" },{ title: "企业营业执照、食品经营许可证丢失该如何补领", time: "2022年2月5日", views: 2012, pic: "/res/icons/temp_pic_1.png" }], text2: [{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 },{ title: "因违章建筑导致执法", content: "执法描述：环保主管部门可调阅并作为执法溯源依据之一环保主管部门可调阅并作为执法溯源依据之一", tags: ['违法搭建', '依法拆除'], views: 123, time: '2021年3月2日', likes: 233 }] } ] }, //计算swiper高度方法（在切换的时候调用） tabsHeight(element) { let that = this; let query = wx.createSelectorQuery(); //必须要先创建一个查询 query.select(element).boundingClientRect(function (rect) { that.setData({ pageheight: rect.height + 'px' }); }).exec(); }, swichNav: function (e) { var that = this; if (this.data.currentTab === e.target.dataset.current) { return false; } else { that.setData({ currentTab: e.target.dataset.current, navScrollLeft: e.target.dataset.current >= 4 ? ((e.target.dataset.current) * 60) : 0 //判断当前选中的个数是否是第5个 }) that.tabsHeight('.page'+e.target.dataset.current); //查询哪一个元素 } }, bindChange: function (e) { var that = this; that.setData({ currentTab: e.detail.current, navScrollLeft: e.detail.current >= 4 ? ((e.detail.current) * 60) : 0 //判断当前选中的个数是否是第5个 }); // that.tabsHeight('.page'+e.target.dataset.current); //查询哪一个元素 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.tabsHeight('.page0'); }, /** * 页面跳转 */ goto: function (e) { var url = "" var index = e.currentTarget.dataset.index switch (index) { case "0": url = "" break; case "1": url = "" break; case "2": url = "" return; case "3": url = "" break; case "4": //环保守法 url = "/pages/text/text" break; case "5": break; } if (url != "") { wx.navigateTo({ url: url }) } } })