{"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>&gt;</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"]}]}