| 1 |
- {"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\notice\\index.vue?vue&type=style&index=0&id=6c66ca75&scoped=true&lang=css&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\notice\\index.vue","mtime":1691993564217},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYmFubmVyIGltZ3sKICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KXsKICAgIC5icmVhZHsKICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgfQogICAgLmJyZWFkIGRpdnsKICAgICAgICB3aWR0aDogMTIwMHB4OwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgcGFkZGluZzogMC44cmVtIDA7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgfQogICAgLnNtYXJ0LXRpdGxlewogICAgICAgIG1hcmdpbi10b3A6M3JlbTsKICAgIH0KICAgIC5zbWFydC1kZXZpY2V7CiAgICAgICAgd2lkdGg6IDEyMDBweDsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0OwogICAgICAgIGZvbnQtc2l6ZTogMXJlbTsKICAgIH0KICAgIC5zbWFydC1kZXZpY2Ugc3BhbiBzcGFuewogICAgICAgIGZvbnQtc2l6ZTogMnJlbTsKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHBhZGRpbmctcmlnaHQ6IDFyZW07CiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtOwogICAgICAgIGZvbnQtd2VpZ2h0OiA5MDA7CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbjphZnRlcnsKICAgICAgICBjb250ZW50OiAnJzsKICAgICAgICB3aWR0aDogMXB4OwogICAgICAgIGhlaWdodDogMTVweDsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjY2OwogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICByaWdodDogMDsKICAgICAgICBib3R0b206IDdweDsKICAgIH0KICAgIC5kZXZpY2UtdGl0bGUgaW1newogICAgICAgIHdpZHRoOiA4MCU7CiAgICB9CiAgICAubmF2LWxpc3R7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICBmbGV4LXdyYXA6IG5vd3JhcDsKICAgICAgICBtYXJnaW46IDJyZW0gYXV0bzsKICAgICAgICB3aWR0aDogNTAlOwogICAgfQogICAgLm5hdi1saXN0IGxpewogICAgICAgIG1pbi13aWR0aDogMzMuMzMlOwogICAgICAgIG1heC13aWR0aDogMzMuMzMlOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBjb2xvcjogIzY2NjsKICAgICAgICBmb250LXNpemU6IDEuNXJlbTsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB9CiAgICAubmF2LWxpc3QgbGkgc3BhbnsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI2YwZjBmMDsKICAgICAgICBwYWRkaW5nLWJvdHRvbTogMC44cmVtOwogICAgfQogICAgLmFjdGl2ZSBzcGFuewogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI0ZGNkEwMCFpbXBvcnRhbnQ7CiAgICAgICAgY29sb3I6ICMzMzM7CiAgICB9CiAgICAubGlzdC10YWJsZSBsaXsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTsKICAgICAgICBwYWRkaW5nOiAxcmVtIDA7CiAgICB9CiAgICAubGlzdC10YWJsZSBsaT5kaXZ7CiAgICAgICAgZmxvYXQ6IGxlZnQ7CiAgICB9CiAgICAubGlzdC10YWJsZSBsaT5kaXY6bnRoLWNoaWxkKDEpewogICAgICAgIHdpZHRoOiAyMCU7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgfQogICAgLmxpc3QtdGFibGUgbGk+ZGl2Om50aC1jaGlsZCgyKXsKICAgICAgICB3aWR0aDogNjAlOwogICAgfQogICAgLmxpc3QtdGFibGUgbGk+ZGl2Om50aC1jaGlsZCgzKXsKICAgICAgICB3aWR0aDogMjAlOwogICAgICAgIHRleHQtYWxpZ246IHJpZ2h0OwogICAgfQogICAgLmxpc3QtdGFibGUgbGk+ZGl2Om50aC1jaGlsZCgzKSBzcGFuewogICAgICAgIG1hcmdpbi1yaWdodDogMXJlbTsKICAgIH0KICAgIC5wYWdpbmF0aW9uby1ib3h7CiAgICAgICAgd2lkdGg6IDIwJTsKICAgICAgICBtYXJnaW46IDAgYXV0bzsKICAgIH0KfQpAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDAwcHgpewogICAgLmJhbm5lcnsKICAgICAgICBkaXNwbGF5OiBub25lOwogICAgfQogICAgLmJyZWFkewogICAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICB9CiAgICAuc21hcnQtdGl0bGV7CiAgICAgICAgbWFyZ2luLXRvcDoycmVtOwogICAgfQogICAgLnNtYXJ0LWRldmljZXsKICAgICAgICB3aWR0aDogOTAlOwogICAgICAgIG1hcmdpbjogMCBhdXRvOwogICAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICAgICAgZm9udC1zaXplOiAxcmVtOwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbnsKICAgICAgICBmb250LXNpemU6IDEuNXJlbTsKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHBhZGRpbmctcmlnaHQ6IDFyZW07CiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtOwogICAgICAgIGZvbnQtd2VpZ2h0OiA5MDA7CiAgICB9CiAgICAuc21hcnQtZGV2aWNlIHNwYW4gc3BhbjphZnRlcnsKICAgICAgICBjb250ZW50OiAnJzsKICAgICAgICB3aWR0aDogMXB4OwogICAgICAgIGhlaWdodDogMTVweDsKICAgICAgICBiYWNrZ3JvdW5kOiAjNjY2OwogICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICByaWdodDogMDsKICAgICAgICBib3R0b206IDdweDsKICAgIH0KICAgIC5kZXZpY2UtdGl0bGUgaW1newogICAgICAgIHdpZHRoOiAxMDAlOwogICAgfQogICAgLm5hdi1saXN0ewogICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICAgICAgZmxleC13cmFwOiBub3dyYXA7CiAgICAgICAgbWFyZ2luOiAycmVtOwogICAgfQogICAgLm5hdi1saXN0IGxpewogICAgICAgIG1pbi13aWR0aDogMzMuMzMlOwogICAgICAgIG1heC13aWR0aDogMzMuMzMlOwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBjb2xvcjogIzY2NjsKICAgICAgICBmb250LXNpemU6IDAuOHJlbTsKICAgICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB9CiAgICAubmF2LWxpc3QgbGkgc3BhbnsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI2YwZjBmMDsKICAgICAgICBwYWRkaW5nLWJvdHRvbTogMC44cmVtOwogICAgfQogICAgLmFjdGl2ZSBzcGFuewogICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgICAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgI0ZGNkEwMCFpbXBvcnRhbnQ7CiAgICAgICAgY29sb3I6ICMzMzM7CiAgICAgICAgZm9udC13ZWlnaHQ6ODAwIWltcG9ydGFudDsKICAgIH0KICAgIC5saXN0LXRhYmxlIGxpewogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgYmFja2dyb3VuZDogI2ZmZjsKICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtOwogICAgICAgIHBhZGRpbmc6IDFyZW0gMDsKICAgIH0KICAgIC5saXN0LXRhYmxlIGxpPmRpdnsKICAgICAgICBmbG9hdDogbGVmdDsKICAgIH0KICAgIC5saXN0LXRhYmxlIGxpPmRpdjpudGgtY2hpbGQoMSl7CiAgICAgICAgd2lkdGg6IDMwJTsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICB9CiAgICAubGlzdC10YWJsZSBsaT5kaXY6bnRoLWNoaWxkKDIpewogICAgICAgIHdpZHRoOiA1MCU7CiAgICB9CiAgICAubGlzdC10YWJsZSBsaT5kaXY6bnRoLWNoaWxkKDMpewogICAgICAgIHdpZHRoOiAyMCU7CiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7CiAgICB9CiAgICAubGlzdC10YWJsZSBsaT5kaXY6bnRoLWNoaWxkKDMpIHNwYW57CiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxcmVtOwogICAgfQp9Ci5saXN0LXRhYmxlewogICAgd2lkdGg6IDEwMCU7Cn0KLmxpc3QtdGFibGUgcHsKICAgIHdoaXRlLXNwYWNlOm5vd3JhcDsKICAgIG92ZXJmbG93OiBoaWRkZW47Cn0KLmxpc3QtdGFibGUgcC5pbm97CiAgd2hpdGUtc3BhY2U6bm93cmFwOwogIHdpZHRoOiAxMTMlOyBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwp9Ci5wYWdpbmF0aW9uby1ib3ggL2RlZXAvIC52YW4tcGFnaW5hdGlvbl9faXRlbS0tYWN0aXZlewogICAgYmFja2dyb3VuZDogIzgzNjZFMyFpbXBvcnRhbnQ7CiAgICBjb2xvcjogI2ZmZiFpbXBvcnRhbnQ7Cn0KLnBhZ2luYXRpb25vLWJveCAvZGVlcC8gLnZhbi1wYWdpbmF0aW9uX19pdGVtewogICAgY29sb3I6ICMzMzM7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/notice","sourcesContent":["<template>\r\n <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n <div class=\"banner\">\r\n <img src=\"~@/assets/images/yqtz.jpg\" alt=\"\">\r\n </div>\r\n <div class=\"bread\">\r\n <div>\r\n <span>当前位置:首页-园区通知</span>\r\n </div>\r\n </div>\r\n <div class=\"smart-device\">\r\n <div class=\"smart-title\">\r\n <span><span>园区通知</span>PARK NOTICE</span>\r\n </div>\r\n<!-- <div class=\"smart-title\" v-else>-->\r\n<!-- <span style=\"font-size: 0.7rem;\"><span>物业通知</span>INVESTMENT NOTICE</span>-->\r\n<!-- </div>-->\r\n <div class=\"smart-device-content\">\r\n <ul class=\"nav-list\">\r\n <li :class=\"active == 1 ? 'active':''\" @click=\"changeType(1)\"><span>园区通知</span></li>\r\n <li :class=\"active == 2 ? 'active':''\" @click=\"changeType(2)\"><span>物业通知</span></li>\r\n </ul>\r\n <div class=\"list-content\">\r\n <div class=\"case-list\">\r\n <div class=\"case-content\">\r\n <ul class=\"list-table\">\r\n <li v-for=\"(item,index) in noticeList\" :key=\"index\" @click=\"detail(item)\">\r\n <div>\r\n <p>\r\n {{item.createTime}}\r\n </p>\r\n </div>\r\n <div>\r\n <p class=\"ino\">\r\n {{item.name}}\r\n </p>\r\n </div>\r\n <div><span>></span></div>\r\n </li>\r\n </ul>\r\n <div class=\"paginationo-box\">\r\n <van-pagination v-model=\"params.pageNum\" :total-items=\"total\" :show-page-size=\"8\" @change=\"handleCurrentChange\">\r\n <template #prev-text>\r\n <van-icon name=\"arrow-left\" />\r\n </template>\r\n <template #next-text>\r\n <van-icon name=\"arrow\" />\r\n </template>\r\n <template #page=\"{ text }\">{{ text }}</template>\r\n </van-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {parkNotice,propertyNotice} from \"@/service/api_service\";\r\n/**\r\n * 分页是用的vant框架\r\n * */\r\n export default {\r\n data () {\r\n return {\r\n active:1,\r\n currentPage:1,\r\n total:0,\r\n noticeList:[\r\n {\r\n name:'第一条通知',\r\n eventIndex:1,\r\n detail:'',\r\n createTime:'2012-12-12'\r\n },\r\n {\r\n name:'第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知',\r\n eventIndex:2,\r\n detail:'',\r\n createTime:'2012-12-12'\r\n },\r\n {\r\n img:'zs3.png',\r\n name:'第三条通知第三条通知第三条通知第三条通知第三条通知第三条通知',\r\n eventIndex:3,\r\n detail:'',\r\n createTime:'2012-12-12'\r\n },\r\n ],\r\n params: {\r\n pageNum: 1,\r\n pageSize: 8,\r\n status: 'published',\r\n },\r\n }\r\n },\r\n mounted() {\r\n if(this.$route.query.active){\r\n this.active = Number(this.$route.query.active)\r\n }\r\n this.initParkNotice()\r\n document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n if (window.history && window.history.pushState) {\r\n // 向历史记录中插入了当前页\r\n history.pushState(null, null, document.URL)\r\n window.addEventListener('popstate', this.goBack, false)\r\n }\r\n },\r\n destroyed() {\r\n window.removeEventListener('popstate', this.goBack, false)\r\n },\r\n methods: {\r\n goBack() {\r\n // console.log(\"点击了浏览器的返回按钮\");\r\n // sessionStorage.clear()\r\n // window.history.back()\r\n // history.pushState(null, null, document.URL)\r\n this.$router.push({ path: '/' })\r\n },\r\n handleCurrentChange: function(val) {\r\n this.params.pageNum = val\r\n if(this.active===1){\r\n this.initParkNotice()\r\n }else{\r\n this.initPropertyNotice()\r\n }\r\n },\r\n changeType(active){\r\n this.active=active\r\n this.params.pageSize=10\r\n this.params.pageNum=1\r\n if(this.active===1){\r\n this.initParkNotice()\r\n }else{\r\n this.initPropertyNotice()\r\n }\r\n },\r\n initParkNotice() {\r\n const _this = this\r\n // _this.params.parks = '' //绑定园区\r\n _this.params.type = '1'\r\n parkNotice(_this.params).then((res) => {\r\n console.log(res)\r\n this.total = res.total\r\n if (res.rows) {\r\n _this.noticeList = []\r\n res.rows.forEach((item) => {\r\n const jsons = this.getItemJson(item)\r\n const i = {\r\n name:jsons.title,\r\n eventIndex:2,\r\n detail:jsons.content,\r\n source:jsons.source,\r\n createTime:jsons.releaseTime.substr(0,10)\r\n }\r\n _this.noticeList.push(i)\r\n })\r\n }\r\n })\r\n },\r\n initPropertyNotice() {\r\n const _this = this\r\n // _this.params.parks = '' //绑定园区\r\n _this.params.type = '2'\r\n propertyNotice(_this.params).then((res) => {\r\n console.log(res)\r\n this.total = res.total\r\n if (res.rows) {\r\n _this.noticeList = []\r\n res.rows.forEach((item) => {\r\n const jsons = this.getItemJson(item)\r\n const i = {\r\n name:jsons.title,\r\n eventIndex:2,\r\n detail:jsons.content,\r\n source:jsons.source,\r\n createTime:jsons.releaseTime.substr(0,10)\r\n }\r\n _this.noticeList.push(i)\r\n })\r\n }\r\n })\r\n },\r\n getItemJson: function(item) {\r\n item.releaseTime = this.$common.transServDate(item.releaseTime)\r\n return item\r\n },\r\n detail(index){\r\n debugger\r\n index.active = this.active\r\n this.$router.push({name:'noticeDetail',params:index})\r\n\r\n }\r\n },\r\n };\r\n</script>\r\n\r\n<style scoped>\r\n .banner img{\r\n width: 100% !important;\r\n }\r\n @media screen and (min-width: 1000px){\r\n .bread{\r\n background: #fff;\r\n }\r\n .bread div{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n padding: 0.8rem 0;\r\n font-size: 1rem;\r\n }\r\n .smart-title{\r\n margin-top:3rem;\r\n }\r\n .smart-device{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n }\r\n .smart-device span span{\r\n font-size: 2rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .device-title img{\r\n width: 80%;\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem auto;\r\n width: 50%;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n }\r\n .list-table li{\r\n overflow: hidden;\r\n width: 100%;\r\n background: #fff;\r\n margin-bottom: 1rem;\r\n padding: 1rem 0;\r\n }\r\n .list-table li>div{\r\n float: left;\r\n }\r\n .list-table li>div:nth-child(1){\r\n width: 20%;\r\n text-align: center;\r\n }\r\n .list-table li>div:nth-child(2){\r\n width: 60%;\r\n }\r\n .list-table li>div:nth-child(3){\r\n width: 20%;\r\n text-align: right;\r\n }\r\n .list-table li>div:nth-child(3) span{\r\n margin-right: 1rem;\r\n }\r\n .paginationo-box{\r\n width: 20%;\r\n margin: 0 auto;\r\n }\r\n }\r\n @media screen and (max-width: 1000px){\r\n .banner{\r\n display: none;\r\n }\r\n .bread{\r\n display: none;\r\n }\r\n .smart-title{\r\n margin-top:2rem;\r\n }\r\n .smart-device{\r\n width: 90%;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n overflow: hidden;\r\n }\r\n .smart-device span span{\r\n font-size: 1.5rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .device-title img{\r\n width: 100%;\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n font-weight:800!important;\r\n }\r\n .list-table li{\r\n overflow: hidden;\r\n width: 100%;\r\n background: #fff;\r\n margin-bottom: 1rem;\r\n padding: 1rem 0;\r\n }\r\n .list-table li>div{\r\n float: left;\r\n }\r\n .list-table li>div:nth-child(1){\r\n width: 30%;\r\n text-align: center;\r\n }\r\n .list-table li>div:nth-child(2){\r\n width: 50%;\r\n }\r\n .list-table li>div:nth-child(3){\r\n width: 20%;\r\n text-align: right;\r\n }\r\n .list-table li>div:nth-child(3) span{\r\n margin-right: 1rem;\r\n }\r\n }\r\n .list-table{\r\n width: 100%;\r\n }\r\n .list-table p{\r\n white-space:nowrap;\r\n overflow: hidden;\r\n }\r\n .list-table p.ino{\r\n white-space:nowrap;\r\n width: 113%; overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n .paginationo-box /deep/ .van-pagination__item--active{\r\n background: #8366E3!important;\r\n color: #fff!important;\r\n }\r\n .paginationo-box /deep/ .van-pagination__item{\r\n color: #333;\r\n }\r\n</style>\r\n\r\n"]}]}
|
