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