| 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=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\notice\\index.vue","mtime":1691993564217},{"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\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge3BhcmtOb3RpY2UscHJvcGVydHlOb3RpY2V9IGZyb20gIkAvc2VydmljZS9hcGlfc2VydmljZSI7DQovKioNCiAgICAgKiDliIbpobXmmK/nlKjnmoR2YW505qGG5p62DQogICAgICogKi8NCiAgICBleHBvcnQgZGVmYXVsdCB7DQogICAgICAgIGRhdGEgKCkgew0KICAgICAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICAgICAgICBhY3RpdmU6MSwNCiAgICAgICAgICAgICAgICBjdXJyZW50UGFnZToxLA0KICAgICAgICAgICAgICAgIHRvdGFsOjAsDQogICAgICAgICAgICAgICAgbm90aWNlTGlzdDpbDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6J+esrOS4gOadoemAmuefpScsDQogICAgICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjEsDQogICAgICAgICAgICAgICAgICAgICAgICBkZXRhaWw6JycsDQogICAgICAgICAgICAgICAgICAgICAgICBjcmVhdGVUaW1lOicyMDEyLTEyLTEyJw0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOifnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6XnrKzkuozmnaHpgJrnn6UnLA0KICAgICAgICAgICAgICAgICAgICAgICAgZXZlbnRJbmRleDoyLA0KICAgICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnLA0KICAgICAgICAgICAgICAgICAgICAgICAgY3JlYXRlVGltZTonMjAxMi0xMi0xMicNCiAgICAgICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgICAgICAgaW1nOid6czMucG5nJywNCiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6J+esrOS4ieadoemAmuefpeesrOS4ieadoemAmuefpeesrOS4ieadoemAmuefpeesrOS4ieadoemAmuefpeesrOS4ieadoemAmuefpeesrOS4ieadoemAmuefpScsDQogICAgICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjMsDQogICAgICAgICAgICAgICAgICAgICAgICBkZXRhaWw6JycsDQogICAgICAgICAgICAgICAgICAgICAgICBjcmVhdGVUaW1lOicyMDEyLTEyLTEyJw0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIF0sDQogICAgICAgICAgICAgIHBhcmFtczogew0KICAgICAgICAgICAgICAgIHBhZ2VOdW06IDEsDQogICAgICAgICAgICAgICAgcGFnZVNpemU6IDgsDQogICAgICAgICAgICAgICAgc3RhdHVzOiAncHVibGlzaGVkJywNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgbW91bnRlZCgpIHsNCiAgICAgICAgICAgIGlmKHRoaXMuJHJvdXRlLnF1ZXJ5LmFjdGl2ZSl7DQogICAgICAgICAgICAgIHRoaXMuYWN0aXZlID0gTnVtYmVyKHRoaXMuJHJvdXRlLnF1ZXJ5LmFjdGl2ZSkNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIHRoaXMuaW5pdFBhcmtOb3RpY2UoKQ0KICAgICAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCA9IGRvY3VtZW50LmJvZHkuc2Nyb2xsVG9wID0wOyAvL+WbnuWIsOmhtumDqA0KICAgICAgICAgIGlmICh3aW5kb3cuaGlzdG9yeSAmJiB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUpIHsNCiAgICAgICAgICAgIC8vIOWQkeWOhuWPsuiusOW9leS4reaPkuWFpeS6huW9k+WJjemhtQ0KICAgICAgICAgICAgaGlzdG9yeS5wdXNoU3RhdGUobnVsbCwgbnVsbCwgZG9jdW1lbnQuVVJMKQ0KICAgICAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3BvcHN0YXRlJywgdGhpcy5nb0JhY2ssIGZhbHNlKQ0KICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgZGVzdHJveWVkKCkgew0KICAgICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdwb3BzdGF0ZScsIHRoaXMuZ29CYWNrLCBmYWxzZSkNCiAgICAgICAgfSwNCiAgICAgICAgbWV0aG9kczogew0KICAgICAgICAgIGdvQmFjaygpIHsNCiAgICAgICAgICAgIC8vIGNvbnNvbGUubG9nKCLngrnlh7vkuobmtY/op4jlmajnmoTov5Tlm57mjInpkq4iKTsNCiAgICAgICAgICAgIC8vIHNlc3Npb25TdG9yYWdlLmNsZWFyKCkNCiAgICAgICAgICAgIC8vIHdpbmRvdy5oaXN0b3J5LmJhY2soKQ0KICAgICAgICAgICAgLy8gaGlzdG9yeS5wdXNoU3RhdGUobnVsbCwgbnVsbCwgZG9jdW1lbnQuVVJMKQ0KICAgICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goeyBwYXRoOiAnLycgfSkNCiAgICAgICAgICB9LA0KICAgICAgICAgIGhhbmRsZUN1cnJlbnRDaGFuZ2U6IGZ1bmN0aW9uKHZhbCkgew0KICAgICAgICAgICAgdGhpcy5wYXJhbXMucGFnZU51bSA9IHZhbA0KICAgICAgICAgICAgaWYodGhpcy5hY3RpdmU9PT0xKXsNCiAgICAgICAgICAgICAgdGhpcy5pbml0UGFya05vdGljZSgpDQogICAgICAgICAgICB9ZWxzZXsNCiAgICAgICAgICAgICAgdGhpcy5pbml0UHJvcGVydHlOb3RpY2UoKQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0sDQogICAgICAgICAgY2hhbmdlVHlwZShhY3RpdmUpew0KICAgICAgICAgICAgdGhpcy5hY3RpdmU9YWN0aXZlDQogICAgICAgICAgICB0aGlzLnBhcmFtcy5wYWdlU2l6ZT0xMA0KICAgICAgICAgICAgdGhpcy5wYXJhbXMucGFnZU51bT0xDQogICAgICAgICAgICBpZih0aGlzLmFjdGl2ZT09PTEpew0KICAgICAgICAgICAgICB0aGlzLmluaXRQYXJrTm90aWNlKCkNCiAgICAgICAgICAgIH1lbHNlew0KICAgICAgICAgICAgICB0aGlzLmluaXRQcm9wZXJ0eU5vdGljZSgpDQogICAgICAgICAgICB9DQogICAgICAgICAgfSwNCiAgICAgICAgICBpbml0UGFya05vdGljZSgpIHsNCiAgICAgICAgICAgIGNvbnN0IF90aGlzID0gdGhpcw0KICAgICAgICAgICAgLy8gX3RoaXMucGFyYW1zLnBhcmtzID0gJycgLy/nu5Hlrprlm63ljLoNCiAgICAgICAgICAgIF90aGlzLnBhcmFtcy50eXBlID0gJzEnDQogICAgICAgICAgICBwYXJrTm90aWNlKF90aGlzLnBhcmFtcykudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlcykNCiAgICAgICAgICAgICAgdGhpcy50b3RhbCA9IHJlcy50b3RhbA0KICAgICAgICAgICAgICBpZiAocmVzLnJvd3MpIHsNCiAgICAgICAgICAgICAgICBfdGhpcy5ub3RpY2VMaXN0ID0gW10NCiAgICAgICAgICAgICAgICByZXMucm93cy5mb3JFYWNoKChpdGVtKSA9PiB7DQogICAgICAgICAgICAgICAgICBjb25zdCBqc29ucyA9IHRoaXMuZ2V0SXRlbUpzb24oaXRlbSkNCiAgICAgICAgICAgICAgICAgIGNvbnN0IGkgPSB7DQogICAgICAgICAgICAgICAgICAgICAgbmFtZTpqc29ucy50aXRsZSwNCiAgICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjIsDQogICAgICAgICAgICAgICAgICAgICAgZGV0YWlsOmpzb25zLmNvbnRlbnQsDQogICAgICAgICAgICAgICAgICAgICAgc291cmNlOmpzb25zLnNvdXJjZSwNCiAgICAgICAgICAgICAgICAgICAgICBjcmVhdGVUaW1lOmpzb25zLnJlbGVhc2VUaW1lLnN1YnN0cigwLDEwKQ0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgX3RoaXMubm90aWNlTGlzdC5wdXNoKGkpDQogICAgICAgICAgICAgICAgfSkNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfSkNCiAgICAgICAgICB9LA0KICAgICAgICAgIGluaXRQcm9wZXJ0eU5vdGljZSgpIHsNCiAgICAgICAgICAgIGNvbnN0IF90aGlzID0gdGhpcw0KICAgICAgICAgICAgLy8gX3RoaXMucGFyYW1zLnBhcmtzID0gJycgLy/nu5Hlrprlm63ljLoNCiAgICAgICAgICAgIF90aGlzLnBhcmFtcy50eXBlID0gJzInDQogICAgICAgICAgICBwcm9wZXJ0eU5vdGljZShfdGhpcy5wYXJhbXMpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICBjb25zb2xlLmxvZyhyZXMpDQogICAgICAgICAgICAgIHRoaXMudG90YWwgPSByZXMudG90YWwNCiAgICAgICAgICAgICAgaWYgKHJlcy5yb3dzKSB7DQogICAgICAgICAgICAgICAgX3RoaXMubm90aWNlTGlzdCA9IFtdDQogICAgICAgICAgICAgICAgcmVzLnJvd3MuZm9yRWFjaCgoaXRlbSkgPT4gew0KICAgICAgICAgICAgICAgICAgY29uc3QganNvbnMgPSB0aGlzLmdldEl0ZW1Kc29uKGl0ZW0pDQogICAgICAgICAgICAgICAgICBjb25zdCBpID0gew0KICAgICAgICAgICAgICAgICAgICBuYW1lOmpzb25zLnRpdGxlLA0KICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjIsDQogICAgICAgICAgICAgICAgICAgIGRldGFpbDpqc29ucy5jb250ZW50LA0KICAgICAgICAgICAgICAgICAgICBzb3VyY2U6anNvbnMuc291cmNlLA0KICAgICAgICAgICAgICAgICAgICBjcmVhdGVUaW1lOmpzb25zLnJlbGVhc2VUaW1lLnN1YnN0cigwLDEwKQ0KICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgX3RoaXMubm90aWNlTGlzdC5wdXNoKGkpDQogICAgICAgICAgICAgICAgfSkNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfSkNCiAgICAgICAgICB9LA0KICAgICAgICAgIGdldEl0ZW1Kc29uOiBmdW5jdGlvbihpdGVtKSB7DQogICAgICAgICAgICBpdGVtLnJlbGVhc2VUaW1lID0gdGhpcy4kY29tbW9uLnRyYW5zU2VydkRhdGUoaXRlbS5yZWxlYXNlVGltZSkNCiAgICAgICAgICAgIHJldHVybiBpdGVtDQogICAgICAgICAgfSwNCiAgICAgICAgICAgIGRldGFpbChpbmRleCl7DQogICAgICAgICAgICBkZWJ1Z2dlcg0KICAgICAgICAgICAgICBpbmRleC5hY3RpdmUgPSB0aGlzLmFjdGl2ZQ0KICAgICAgICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7bmFtZTonbm90aWNlRGV0YWlsJyxwYXJhbXM6aW5kZXh9KQ0KDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;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;;AAEA;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"]}]}
|
