| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\statistic\\user\\components\\wechetInfo.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\statistic\\user\\components\\wechetInfo.vue","mtime":1761614939066},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBzdGF0aXN0aWNXZWNoYXRBcGksIHN0YXRpc3RpY1dlY2hhdFRyZW5kQXBpIH0gZnJvbSAnQC9hcGkvc3RhdGlzdGljJzsNCmltcG9ydCBlY2hhcnRzTmV3IGZyb20gJ0AvY29tcG9uZW50cy9lY2hhcnRzTmV3L2luZGV4JzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ3dlY2hldEluZm8nLA0KICBjb21wb25lbnRzOiB7DQogICAgZWNoYXJ0c05ldywNCiAgfSwNCiAgcHJvcHM6IHsNCiAgICBmb3JtSW5saW5lOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiBmdW5jdGlvbiAoKSB7DQogICAgICAgIHJldHVybiB7DQogICAgICAgICAgY2hhbm5lbF90eXBlOiAnJywNCiAgICAgICAgICBkYXRhOiAnJywNCiAgICAgICAgfTsNCiAgICAgIH0sDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgc3BpblNob3c6IGZhbHNlLA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogOCwNCiAgICAgICAgbGc6IDgsDQogICAgICAgIG1kOiA4LA0KICAgICAgICBzbTogMjQsDQogICAgICAgIHhzOiAyNCwNCiAgICAgIH0sDQogICAgICB0aW1lVmFsOiBbXSwNCiAgICAgIGRhdGFUaW1lOiAnJywNCiAgICAgIGxpc3Q6IFtdLA0KICAgICAgb3B0aW9uRGF0YToge30sDQogICAgICBzdHlsZTogeyBoZWlnaHQ6ICc0MDBweCcgfSwNCiAgICB9Ow0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuZ2V0U3RhdGlzdGljcygpOw0KICAgIHRoaXMuZ2V0VHJlbmQoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOWFt+S9k+aXpeacnw0KICAgIG9uY2hhbmdlVGltZShlKSB7DQogICAgICB0aGlzLnRpbWVWYWwgPSBlOw0KICAgICAgdGhpcy5kYXRhVGltZSA9IHRoaXMudGltZVZhbCA/IHRoaXMudGltZVZhbC5qb2luKCctJykgOiAnJzsNCiAgICAgIHRoaXMubmFtZSA9IHRoaXMuZGF0YVRpbWU7DQogICAgICB0aGlzLmdldFN0YXRpc3RpY3MoKTsNCiAgICAgIHRoaXMuZ2V0VHJlbmQoKTsNCiAgICAgIC8vIHRoaXMudXNlckZyb20udXNlcl90aW1lID0gdGhpcy50aW1lVmFsID8gdGhpcy50aW1lVmFsLmpvaW4oJy0nKSA6ICcnDQogICAgfSwNCiAgICAvLyDnu5/orqENCiAgICBnZXRTdGF0aXN0aWNzKCkgew0KICAgICAgc3RhdGlzdGljV2VjaGF0QXBpKHRoaXMuZm9ybUlubGluZSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGNvbnN0IGNhcmRMaXN0cyA9IHJlcy5kYXRhOw0KICAgICAgICAgIHRoaXMubGlzdCA9IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+aWsOWinuWFs+azqOeUqOaIt+aVsCcsDQogICAgICAgICAgICAgIGljb246ICdpY29ueGluemVuZ2d1YW56aHV5b25naHUnLA0KICAgICAgICAgICAgICBsaXN0OiBjYXJkTGlzdHMuc3Vic2NyaWJlLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+aWsOWinuWPluWFs+eUqOaIt+aVsCcsDQogICAgICAgICAgICAgIGljb246ICdpY29ueGluemVuZ3F1Z3VhbnlvbmdodScsDQogICAgICAgICAgICAgIGxpc3Q6IGNhcmRMaXN0cy51blN1YnNjcmliZSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICflh4Dlop7nlKjmiLfmlbAnLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbmppbmd6ZW5neW9uZ2h1JywNCiAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLmluY3JlYXNlU3Vic2NyaWJlLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+e0r+enr+WFs+azqOeUqOaIt+aVsCcsDQogICAgICAgICAgICAgIGljb246ICdpY29ubGVpamlndWFuemh1eW9uZ2h1JywNCiAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLmN1bXVsYXRpdmVTdWJzY3JpYmUsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn57Sv56ev5Y+W5YWz55So5oi35pWwJywNCiAgICAgICAgICAgICAgaWNvbjogJ2ljb25sZWlqaXF1Z3VhbnlvbmdodScsDQogICAgICAgICAgICAgIGxpc3Q6IGNhcmRMaXN0cy5jdW11bGF0aXZlVW5TdWJzY3JpYmUsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF07DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDnu5/orqHlm74NCiAgICBnZXRUcmVuZCgpIHsNCiAgICAgIHRoaXMuc3BpblNob3cgPSB0cnVlOw0KICAgICAgc3RhdGlzdGljV2VjaGF0VHJlbmRBcGkodGhpcy5mb3JtSW5saW5lKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgbGV0IGxlZ2VuZCA9IHJlcy5kYXRhLnNlcmllcy5tYXAoKGl0ZW0pID0+IHsNCiAgICAgICAgICAgIHJldHVybiBpdGVtLm5hbWU7DQogICAgICAgICAgfSk7DQogICAgICAgICAgbGV0IHhBeGlzID0gcmVzLmRhdGEueEF4aXM7DQogICAgICAgICAgbGV0IGNvbCA9IFsnIzVCOEZGOScsICcjNUFEOEE2JywgJyM1RDcwOTInLCAnIzVENzA5MiddOw0KICAgICAgICAgIGxldCBzZXJpZXMgPSBbXTsNCiAgICAgICAgICByZXMuZGF0YS5zZXJpZXMubWFwKChpdGVtLCBpbmRleCkgPT4gew0KICAgICAgICAgICAgc2VyaWVzLnB1c2goew0KICAgICAgICAgICAgICBuYW1lOiBpdGVtLm5hbWUsDQogICAgICAgICAgICAgIHR5cGU6ICdsaW5lJywNCiAgICAgICAgICAgICAgZGF0YTogaXRlbS52YWx1ZSwNCiAgICAgICAgICAgICAgaXRlbVN0eWxlOiB7DQogICAgICAgICAgICAgICAgbm9ybWFsOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogY29sW2luZGV4XSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICBzbW9vdGg6IHRydWUsDQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLm9wdGlvbkRhdGEgPSB7DQogICAgICAgICAgICB0b29sdGlwOiB7DQogICAgICAgICAgICAgIHRyaWdnZXI6ICdheGlzJywNCiAgICAgICAgICAgICAgYXhpc1BvaW50ZXI6IHsNCiAgICAgICAgICAgICAgICB0eXBlOiAnY3Jvc3MnLA0KICAgICAgICAgICAgICAgIGxhYmVsOiB7DQogICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjNmE3OTg1JywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIGxlZ2VuZDogew0KICAgICAgICAgICAgICB4OiAnY2VudGVyJywNCiAgICAgICAgICAgICAgZGF0YTogbGVnZW5kLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIGdyaWQ6IHsNCiAgICAgICAgICAgICAgbGVmdDogJzMlJywNCiAgICAgICAgICAgICAgcmlnaHQ6ICc0JScsDQogICAgICAgICAgICAgIGJvdHRvbTogJzMlJywNCiAgICAgICAgICAgICAgY29udGFpbkxhYmVsOiB0cnVlLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHRvb2xib3g6IHsNCiAgICAgICAgICAgICAgZmVhdHVyZTogew0KICAgICAgICAgICAgICAgIHNhdmVBc0ltYWdlOiB7fSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB4QXhpczogew0KICAgICAgICAgICAgICB0eXBlOiAnY2F0ZWdvcnknLA0KICAgICAgICAgICAgICBib3VuZGFyeUdhcDogdHJ1ZSwNCiAgICAgICAgICAgICAgLy8gYXhpc1RpY2s6ew0KICAgICAgICAgICAgICAvLyAgICAgc2hvdzpmYWxzZQ0KICAgICAgICAgICAgICAvLyB9LA0KICAgICAgICAgICAgICAvLyBheGlzTGluZTp7DQogICAgICAgICAgICAgIC8vICAgICBzaG93OmZhbHNlDQogICAgICAgICAgICAgIC8vIH0sDQogICAgICAgICAgICAgIC8vIHNwbGl0TGluZTogew0KICAgICAgICAgICAgICAvLyAgICAgc2hvdzogZmFsc2UNCiAgICAgICAgICAgICAgLy8gfSwNCiAgICAgICAgICAgICAgYXhpc0xhYmVsOiB7DQogICAgICAgICAgICAgICAgaW50ZXJ2YWw6IDAsDQogICAgICAgICAgICAgICAgcm90YXRlOiA0MCwNCiAgICAgICAgICAgICAgICB0ZXh0U3R5bGU6IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOiAnIzAwMDAwMCcsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgZGF0YTogeEF4aXMsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgeUF4aXM6IHsNCiAgICAgICAgICAgICAgdHlwZTogJ3ZhbHVlJywNCiAgICAgICAgICAgICAgYXhpc0xpbmU6IHsNCiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgYXhpc1RpY2s6IHsNCiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgYXhpc0xhYmVsOiB7DQogICAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogJyM3RjhCOUMnLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIHNwbGl0TGluZTogew0KICAgICAgICAgICAgICAgIHNob3c6IHRydWUsDQogICAgICAgICAgICAgICAgbGluZVN0eWxlOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogJyNGNUY3RjknLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgc2VyaWVzOiBzZXJpZXMsDQogICAgICAgICAgfTsNCiAgICAgICAgICB0aGlzLnNwaW5TaG93ID0gZmFsc2U7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgICB0aGlzLnNwaW5TaG93ID0gZmFsc2U7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["wechetInfo.vue"],"names":[],"mappings":";AAqDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"wechetInfo.vue","sourceRoot":"src/pages/statistic/user/components","sourcesContent":["<template>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt-16\" v-loading=\"spinShow\">\r\n <div class=\"acea-row row-between-wrapper\">\r\n <div class=\"statics-header-title mb20\">\r\n 公众号用户概括\r\n <el-tooltip effect=\"light\" word-wrap width=\"500\" trigger=\"hover\" placement=\"right-start\">\r\n <i class=\"el-icon-info\"></i>\r\n <div slot=\"content\">\r\n <div>新增关注用户数</div>\r\n <div>在选定条件下，关注公众号的用户数量，包括首次关注和再次关注的用户</div>\r\n <br />\r\n <div>新增取关用户数</div>\r\n <div>在选定条件下，取消关注公众号的用户数量</div>\r\n <br />\r\n <div>净增用户数</div>\r\n <div>在选定条件下，新增关注用户数 - 新增取关用户数</div>\r\n <br />\r\n <div>累积关注用户数</div>\r\n <div>筛选时间截止时，关注公众号的用户数量</div>\r\n <br />\r\n <div>累积取关用户数</div>\r\n <div>筛选时间截止时，取消关注公众号的用户数量</div>\r\n </div>\r\n </el-tooltip>\r\n </div>\r\n </div>\r\n <div class=\"acea-row mb20\">\r\n <div class=\"infoBox acea-row mb30\" v-for=\"(item, index) in list\" :key=\"index\">\r\n <div\r\n class=\"iconCrl mr15\"\r\n :class=\"{ one: index % 4 == 0, two: index % 4 == 1, three: index % 4 == 2, four: index % 4 == 3 }\"\r\n >\r\n <i class=\"iconfont\" :class=\"item.icon\"></i>\r\n </div>\r\n <div class=\"info\">\r\n <span class=\"sp1\" v-text=\"item.name\"></span>\r\n <span class=\"sp2\" v-if=\"index === list.length - 1\" v-text=\"item.list.num\"></span>\r\n <span class=\"sp2\" v-else v-text=\"item.list.num\"></span>\r\n <span class=\"content-time spBlock\"\r\n >环比增长：<i class=\"content-is\" :class=\"Number(item.list.percent) >= 0 ? 'up' : 'down'\"\r\n >{{ Number(item.list.percent).toFixed(2) }}%</i\r\n ><Icon\r\n :color=\"Number(item.list.percent) >= 0 ? '#F5222D' : '#39C15B'\"\r\n :type=\"Number(item.list.percent) >= 0 ? 'md-arrow-dropup' : 'md-arrow-dropdown'\"\r\n /></span>\r\n </div>\r\n </div>\r\n </div>\r\n <echarts-new :option-data=\"optionData\" :styles=\"style\" height=\"100%\" width=\"100%\" v-if=\"optionData\"></echarts-new>\r\n </el-card>\r\n</template>\r\n\r\n<script>\r\nimport { statisticWechatApi, statisticWechatTrendApi } from '@/api/statistic';\r\nimport echartsNew from '@/components/echartsNew/index';\r\nexport default {\r\n name: 'wechetInfo',\r\n components: {\r\n echartsNew,\r\n },\r\n props: {\r\n formInline: {\r\n type: Object,\r\n default: function () {\r\n return {\r\n channel_type: '',\r\n data: '',\r\n };\r\n },\r\n },\r\n },\r\n data() {\r\n return {\r\n spinShow: false,\r\n grid: {\r\n xl: 8,\r\n lg: 8,\r\n md: 8,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n timeVal: [],\r\n dataTime: '',\r\n list: [],\r\n optionData: {},\r\n style: { height: '400px' },\r\n };\r\n },\r\n mounted() {\r\n this.getStatistics();\r\n this.getTrend();\r\n },\r\n methods: {\r\n // 具体日期\r\n onchangeTime(e) {\r\n this.timeVal = e;\r\n this.dataTime = this.timeVal ? this.timeVal.join('-') : '';\r\n this.name = this.dataTime;\r\n this.getStatistics();\r\n this.getTrend();\r\n // this.userFrom.user_time = this.timeVal ? this.timeVal.join('-') : ''\r\n },\r\n // 统计\r\n getStatistics() {\r\n statisticWechatApi(this.formInline)\r\n .then(async (res) => {\r\n const cardLists = res.data;\r\n this.list = [\r\n {\r\n name: '新增关注用户数',\r\n icon: 'iconxinzengguanzhuyonghu',\r\n list: cardLists.subscribe,\r\n },\r\n {\r\n name: '新增取关用户数',\r\n icon: 'iconxinzengquguanyonghu',\r\n list: cardLists.unSubscribe,\r\n },\r\n {\r\n name: '净增用户数',\r\n icon: 'iconjingzengyonghu',\r\n list: cardLists.increaseSubscribe,\r\n },\r\n {\r\n name: '累积关注用户数',\r\n icon: 'iconleijiguanzhuyonghu',\r\n list: cardLists.cumulativeSubscribe,\r\n },\r\n {\r\n name: '累积取关用户数',\r\n icon: 'iconleijiquguanyonghu',\r\n list: cardLists.cumulativeUnSubscribe,\r\n },\r\n ];\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 统计图\r\n getTrend() {\r\n this.spinShow = true;\r\n statisticWechatTrendApi(this.formInline)\r\n .then(async (res) => {\r\n let legend = res.data.series.map((item) => {\r\n return item.name;\r\n });\r\n let xAxis = res.data.xAxis;\r\n let col = ['#5B8FF9', '#5AD8A6', '#5D7092', '#5D7092'];\r\n let series = [];\r\n res.data.series.map((item, index) => {\r\n series.push({\r\n name: item.name,\r\n type: 'line',\r\n data: item.value,\r\n itemStyle: {\r\n normal: {\r\n color: col[index],\r\n },\r\n },\r\n smooth: true,\r\n });\r\n });\r\n this.optionData = {\r\n tooltip: {\r\n trigger: 'axis',\r\n axisPointer: {\r\n type: 'cross',\r\n label: {\r\n backgroundColor: '#6a7985',\r\n },\r\n },\r\n },\r\n legend: {\r\n x: 'center',\r\n data: legend,\r\n },\r\n grid: {\r\n left: '3%',\r\n right: '4%',\r\n bottom: '3%',\r\n containLabel: true,\r\n },\r\n toolbox: {\r\n feature: {\r\n saveAsImage: {},\r\n },\r\n },\r\n xAxis: {\r\n type: 'category',\r\n boundaryGap: true,\r\n // axisTick:{\r\n // show:false\r\n // },\r\n // axisLine:{\r\n // show:false\r\n // },\r\n // splitLine: {\r\n // show: false\r\n // },\r\n axisLabel: {\r\n interval: 0,\r\n rotate: 40,\r\n textStyle: {\r\n color: '#000000',\r\n },\r\n },\r\n data: xAxis,\r\n },\r\n yAxis: {\r\n type: 'value',\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: {\r\n color: '#7F8B9C',\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#F5F7F9',\r\n },\r\n },\r\n },\r\n series: series,\r\n };\r\n this.spinShow = false;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n this.spinShow = false;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.one {\r\n background: var(--prev-color-primary);\r\n}\r\n.two {\r\n background: #00c050;\r\n}\r\n.three {\r\n background: #ffab2b;\r\n}\r\n.four {\r\n background: #b37feb;\r\n}\r\n.up,\r\n.el-icon-caret-top {\r\n color: #f5222d;\r\n font-size: 12px;\r\n opacity: 1 !important;\r\n}\r\n\r\n.down,\r\n.el-icon-caret-bottom {\r\n color: #39c15b;\r\n font-size: 12px;\r\n}\r\n.curP {\r\n cursor: pointer;\r\n}\r\n.header {\r\n &-title {\r\n font-size: 16px;\r\n color: rgba(0, 0, 0, 0.85);\r\n }\r\n &-time {\r\n font-size: 12px;\r\n color: #000000;\r\n opacity: 0.45;\r\n }\r\n}\r\n\r\n.iconfont {\r\n font-size: 16px;\r\n color: #fff;\r\n}\r\n\r\n.iconCrl {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n text-align: center;\r\n line-height: 32px;\r\n opacity: 0.7;\r\n}\r\n\r\n.lan {\r\n background: var(--prev-color-primary);\r\n}\r\n\r\n.iconshangpinliulanliang {\r\n color: #fff;\r\n}\r\n\r\n.infoBox {\r\n width: 20%;\r\n @media screen and (max-width: 1200px) {\r\n width: 33%;\r\n }\r\n @media screen and (max-width: 900px) {\r\n width: 50%;\r\n }\r\n}\r\n\r\n.info {\r\n .sp1 {\r\n color: #666;\r\n font-size: 14px;\r\n display: block;\r\n }\r\n .sp2 {\r\n font-weight: 400;\r\n font-size: 30px;\r\n color: rgba(0, 0, 0, 0.85);\r\n display: block;\r\n }\r\n .sp3 {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 0.45);\r\n display: block;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
