{"version":3,"sources":["webpack:///./src/assets/images/doc-1.png","webpack:///./src/assets/images/icon-article.png","webpack:///./src/views/community/index.vue?6792","webpack:///./src/assets/images/icon-issue.png","webpack:///./src/assets/images/icon-tooltip.png","webpack:///./src/assets/images/article-detail.png","webpack:///./src/assets/images/icon-doc.png","webpack:///./src/views/community/components/the-article.vue?1aae","webpack:///./src/views/community/components/the-header.vue?083b","webpack:///./src/views/community/components/the-card.vue?b14e","webpack:///./src/assets/images/doc-3.png","webpack:///./src/views/community/index.vue?3ebd","webpack:///./src/views/community/components/the-header.vue?7d25","webpack:///src/views/community/components/the-header.vue","webpack:///./src/views/community/components/the-header.vue?24d5","webpack:///./src/views/community/components/the-header.vue","webpack:///./src/views/community/components/the-card.vue?ebff","webpack:///src/views/community/components/the-card.vue","webpack:///./src/views/community/components/the-card.vue?8089","webpack:///./src/views/community/components/the-card.vue","webpack:///./src/views/community/components/the-article.vue?aec3","webpack:///src/views/community/components/the-article.vue","webpack:///./src/views/community/components/the-article.vue?eb60","webpack:///./src/views/community/components/the-article.vue","webpack:///./src/views/community/service.js","webpack:///src/views/community/index.vue","webpack:///./src/views/community/index.vue?67d2","webpack:///./src/views/community/index.vue","webpack:///./src/assets/images/doc-4.png","webpack:///./src/assets/images/home-title.png","webpack:///./src/assets/images/doc-2.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","name","on","$event","goRouter","route","_v","_s","des","attrs","img","routeList","articleList","goDetail","title","_f","content","hotIssueList","staticRenderFns","routeObj","home","en","component","handelClick","id","coverImage1","avatar","username","view","_e","queryArticle","params","current","size","tab","axios","get","res","queryIssue"],"mappings":"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","file":"js/chunk-0e7825fe.94f318a1.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/doc-1.df92aafc.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAMAAADUMSJqAAAANlBMVEXi8v+fzv93uf/C4f/k8/9dqv/i8f9HcEwEe/+x1//j8v8Fe/8HgP8Fe//i8v/M5f8Eev8vkf83k+lOAAAAD3RSTlPm7fzpQfmlALb+xdojjozOIHOSAAAAiklEQVRo3u3WSQqAMBBE0WiisZ29/2XdRkGlcAL9/wAPelO0i6G8sD6muRjchdXg4OD34j5TEvFiVPLg4ODfwX2SHTYssyap21/FQc3Sqypw8H/i+aRkGq5tCzg4+LN4VigZkwsODs7kgoOD774WuRKTCw4O/gIew3aT3Brfrh1PBQ4Ofi9enaqbATgVRRQr0FI9AAAAAElFTkSuQmCC\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=0750185f&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABcCAMAAACvFeCmAAAANlBMVEVHcEyfzv8Fev8Eev/i8f/i8//B4P/i8v8+mv/k8/9gq/8Iff/j8v8Ee/8Hf//N5v8Eev8diP/HRsrCAAAAD3RSTlMA7ZKmhB/p5vtC+r3SeSFLUls0AAAA10lEQVRo3u3abRKCIBSFYdLIFCjZ/2YrrRQEg8bD9HHeDTwzMlx/XIQoXotIuoZsEO2JECFChAiRQ27vIF2fGREiRIi8mF27zPg/IULkoxGjps6LumNmYaSa5o4NINvMLiJEiHwHUmKsRMsbkP+ONPxcPBMiPHgiPPgY0tvklIyn15H01Moi0VMwiKeAEFdBIY4CQ+YKDpkpQES0OojUGRmRrDiI2XzxrhdIBVjv+0gNeUTgIhBjVJ6IEgKmPBCYcVPuiDohH3eMiEUa17s/IFhjyBQwfqYL6OEhhuRDU6AAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkBAMAAAAJEmUlAAAAElBMVEUEev////+n0f/q9f8Zhv8mjP9FjJ+/AAAANklEQVQoz2NgwATMDKOCo4LkCQYpoQJFoBiLoSAaAAo6C2IKsihiEWQSxCKoiEUQi0JBbAoFAa6RC+X52Ys7AAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/article-detail.e937503f.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABcBAMAAABn+33gAAAAKlBMVEXi8v9HcEzg8f+Xyv/i8f/C4f/j8/8HgP9dqf8HfP8GfP/M5f8Eev8gif9EG4L2AAAAC3RSTlPmACH6pulBI/xIt7bm5dgAAACuSURBVFjDYxAkFTCIpeECSTh0KDDgAiyjOkZ1DAEdzGeQwYURrmPLTDiYSEjH7d0gsBkhcJwaOlg7kEE3ETrAYDcqIEIHN8k6dtNBB61dZYwMrGkSg6M6aKmDQAwecYEBJyJTyVG4GiYiUyIuHbvpoGPUVYNAh5ASHKy9iwpw6EBKx2vO4AKjOkZ1jOoYnDrK4aAsFBUE4NCBAGI4m+ajOkZ1jOogXYeQCy7gJAgAPcMMJBGYOqoAAAAASUVORK5CYII=\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-article.vue?vue&type=style&index=0&id=12027c5a&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-header.vue?vue&type=style&index=0&id=209bf2d6&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-card.vue?vue&type=style&index=0&id=70419408&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/doc-3.60b4f9ba.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('app-layout',[_c('div',{staticClass:\"home\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"header__back\"},[_c('div',{staticClass:\"header__bottom\"},_vm._l((_vm.routeList),function(item,index){return _c('div',{key:item.name + index,staticClass:\"header__item\",on:{\"click\":function($event){return _vm.goRouter(item.route)}}},[_c('div',{staticClass:\"header__item__left\"},[_c('div',{staticClass:\"header__item__name\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"header__item__line\"}),_c('div',{staticClass:\"header__item__des\"},[_vm._v(_vm._s(item.des))])]),_c('div',[_c('img',{staticClass:\"header__item__img\",attrs:{\"src\":item.img}})])])}),0),_c('div',{staticClass:\"home__header\"},[_c('div',{staticClass:\"home__title\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/home-title.png\")}})])])])]),_c('div',{staticClass:\"home__article\"},[_c('the-header',{attrs:{\"route-obj\":_vm.routeList[0]}}),_c('the-article',{attrs:{\"list\":_vm.articleList}})],1),_c('div',{staticClass:\"issue\"},[_c('div',{staticClass:\"home__issue\"},[_c('the-header',{attrs:{\"route-obj\":_vm.routeList[1]}}),_c('div',{staticClass:\"contener\"},[_c('div',{staticClass:\"home__issue__left\"},_vm._l((_vm.issueList),function(item){return _c('div',{key:item.name,staticClass:\"home__issue__item\",on:{\"click\":function($event){return _vm.goDetail(item)}}},[_c('div',{staticClass:\"flex aligh-center\"},[_c('img',{staticClass:\"home__issue__icon\",attrs:{\"src\":require(\"../../assets/images/icon-tooltip.png\")}}),_c('span',{staticClass:\"home__issue__title\"},[_vm._v(_vm._s(item.title))])]),_c('p',{staticClass:\"home__issue__des\"},[_vm._v(_vm._s(_vm._f(\"content\")(item.content)))])])}),0),_c('div',{staticClass:\"home__issue__right\"},[_c('the-card',{attrs:{\"list\":_vm.hotIssueList},on:{\"go-detail\":_vm.goDetail}})],1)])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-header\"},[_c('div',{staticClass:\"item-header__left\"},[_c('img',{staticClass:\"item-header__left__img\",attrs:{\"src\":_vm.routeObj.img}}),_c('span',{staticClass:\"item-header__left__name\"},[_vm._v(_vm._s(_vm.routeObj.home))]),_c('span',{staticClass:\"item-header__left__line\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"item-header__left__en\"},[_vm._v(_vm._s(_vm.routeObj.en))])]),_c('div',{staticClass:\"item-header__right\",on:{\"click\":function($event){return _vm.goRouter(_vm.routeObj.route)}}},[_vm._v(\"查看全部\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"item-header\">\n        <div class=\"item-header__left\">\n            <img :src=\"routeObj.img\" class=\"item-header__left__img\" />\n            <span class=\"item-header__left__name\">{{ routeObj.home }}</span>\n            <span class=\"item-header__left__line\">/</span>\n            <span class=\"item-header__left__en\">{{ routeObj.en }}</span>\n        </div>\n        <div class=\"item-header__right\" @click=\"goRouter(routeObj.route)\">查看全部</div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        routeObj: {\n            type: Object,\n            default: () => {}\n        }\n    },\n    methods: {\n        goRouter(router) {\n            this.$router.push(router);\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '~@isyscore/styles/variables';\n\n.item-header {\n    width: 1200px;\n    height: 42px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    &__left {\n        display: flex;\n        align-items: center;\n        &__img {\n            height: 37px;\n            margin-right: 11px;\n        }\n        &__name {\n            height: 37px;\n            font-size: 26px;\n            font-weight: 500;\n            color: #333333;\n            line-height: 37px;\n            letter-spacing: 1px;\n        }\n        &__line {\n            height: 43px;\n            margin: 0 14px;\n            font-size: 26px;\n            color: #bbbbbb;\n            line-height: 39px;\n            letter-spacing: 1px;\n        }\n        &__en {\n            height: 42px;\n            font-size: 30px;\n            font-weight: 400;\n            color: #bbbbbb;\n            line-height: 42px;\n            letter-spacing: 1px;\n        }\n    }\n    &__right {\n        font-size: 18px;\n        font-weight: 400;\n        color: #666666;\n        cursor: pointer;\n\n        &:hover {\n            color: $app-primary-color;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-header.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./the-header.vue?vue&type=template&id=209bf2d6&scoped=true&\"\nimport script from \"./the-header.vue?vue&type=script&lang=js&\"\nexport * from \"./the-header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./the-header.vue?vue&type=style&index=0&id=209bf2d6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"209bf2d6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"the-card\"},[_c('div',{staticClass:\"the-card__header\"},[_c('div',{staticClass:\"the-card__header__title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"the-card__header__line\"})]),_c('div',{staticClass:\"the-card__continer\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"the-card__continer__item\",on:{\"click\":function($event){return _vm.handelClick(item)}}},[_vm._v(\" \"+_vm._s(index + 1 + '、' + item.title)+\" \")])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"the-card\">\n        <div class=\"the-card__header\">\n            <div class=\"the-card__header__title\">{{ title }}</div>\n            <div class=\"the-card__header__line\"></div>\n        </div>\n        <div class=\"the-card__continer\">\n            <div v-for=\"(item, index) in list\" :key=\"index\" class=\"the-card__continer__item\" @click=\"handelClick(item)\">\n                {{ index + 1 + '、' + item.title }}\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        title: {\n            type: String,\n            default: '热门内容'\n        },\n        list: {\n            type: Array,\n            default: () => []\n        }\n    },\n    methods: {\n        handelClick(item) {\n            this.$emit('go-detail', item);\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.the-card {\n    width: 368px;\n    height: 334px;\n    background: #ffffff;\n    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);\n    border-radius: 1px;\n    padding: 30px 43px 30px 40px;\n    &__header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        &__title {\n            font-size: 14px;\n            font-weight: 600;\n            color: #047aff;\n            margin-right: 19px;\n        }\n        &__line {\n            width: 206px;\n            height: 1px;\n            background: #047aff;\n        }\n    }\n    &__continer {\n        &__item {\n            width: 285px;\n            height: 20px;\n            font-size: 14px;\n            font-weight: 400;\n            color: #333333;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            line-height: 20px;\n            margin-top: 20px;\n            cursor: pointer;\n        }\n        &__item:hover {\n            color: #047aff;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-card.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./the-card.vue?vue&type=template&id=70419408&scoped=true&\"\nimport script from \"./the-card.vue?vue&type=script&lang=js&\"\nexport * from \"./the-card.vue?vue&type=script&lang=js&\"\nimport style0 from \"./the-card.vue?vue&type=style&index=0&id=70419408&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"70419408\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"the-article\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"the-article__list\"},[(index < 2)?_c('div',{staticClass:\"the-article__top\",on:{\"click\":function($event){return _vm.goRouter(item.id)}}},[_c('img',{staticClass:\"the-article__top__img\",attrs:{\"src\":item.coverImage1 || require('../../../assets/images/article-detail.png')}}),_c('div',{staticClass:\"the-article__top__title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"the-article__top__des\"},[_vm._v(_vm._s(_vm._f(\"content\")(item.content)))]),_c('div',{staticClass:\"the-article__top__bottom\"},[_c('div',{staticClass:\"flex align-center\"},[_c('img',{staticClass:\"img\",attrs:{\"src\":item.avatar}}),_c('span',{staticClass:\"font\"},[_vm._v(_vm._s(item.username))])]),_c('div',{staticClass:\"font\"},[_vm._v(_vm._s(item.view + '阅读'))])])]):(index < 10)?_c('div',{staticClass:\"the-article__bottom\",on:{\"click\":function($event){return _vm.goRouter(item.id)}}},[_c('span',{staticClass:\"the-article__bottom__circle\"}),_c('span',{staticClass:\"the-article__bottom__item\"},[_vm._v(_vm._s(item.title))])]):_vm._e()])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"the-article\">\n        <div v-for=\"(item, index) in list\" :key=\"index\" class=\"the-article__list\">\n            <div v-if=\"index < 2\" class=\"the-article__top\" @click=\"goRouter(item.id)\">\n                <img\n                    :src=\"item.coverImage1 || require('../../../assets/images/article-detail.png')\"\n                    class=\"the-article__top__img\"\n                />\n                <div class=\"the-article__top__title\">{{ item.title }}</div>\n                <div class=\"the-article__top__des\">{{ item.content | content }}</div>\n                <div class=\"the-article__top__bottom\">\n                    <div class=\"flex align-center\">\n                        <img :src=\"item.avatar\" class=\"img\" /><span class=\"font\">{{ item.username }}</span>\n                    </div>\n                    <div class=\"font\">{{ item.view + '阅读' }}</div>\n                </div>\n            </div>\n            <div v-else-if=\"index < 10\" class=\"the-article__bottom\" @click=\"goRouter(item.id)\">\n                <span class=\"the-article__bottom__circle\"></span>\n                <span class=\"the-article__bottom__item\">{{ item.title }}</span>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        list: {\n            type: Array,\n            default: () => []\n        }\n    },\n\n    methods: {\n        goRouter(id) {\n            this.$router.push({ name: '文章详情', query: { id } });\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '~@isyscore/styles/variables';\n\n.the-article {\n    height: 529px;\n    width: 1200px;\n    margin: 33px auto 0;\n    display: flex;\n    flex-flow: wrap;\n    &__list {\n        cursor: pointer;\n    }\n    &__list:nth-child(2) &__top {\n        margin-right: 0;\n    }\n    &__list:nth-child(4) &__bottom {\n        margin-right: 48px;\n    }\n    &__list:nth-child(8) &__bottom {\n        margin-right: 48px;\n    }\n    &__list:nth-child(6) &__bottom {\n        margin-right: 0;\n    }\n    &__list:nth-child(10) &__bottom {\n        margin-right: 0;\n    }\n    &__top {\n        height: 410px;\n        width: 576px;\n        margin-right: 48px;\n        border-bottom: 1px solid #f2f2f2;\n        &__img {\n            width: 100%;\n            height: 240px;\n            margin-bottom: 24px;\n        }\n        &__title {\n            font-size: 18px;\n            font-weight: 600;\n            color: #333333;\n            line-height: 25px;\n            margin-bottom: 8px;\n            &:hover {\n                color: $app-primary-color;\n            }\n        }\n        &__des {\n            font-size: 14px;\n            height: 48px;\n            font-weight: 400;\n            color: #666666;\n            line-height: 24px;\n            margin-bottom: 18px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n        }\n        &__bottom {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            .img {\n                width: 20px;\n                height: 20px;\n                margin-right: 8px;\n            }\n            .font {\n                font-size: 12px;\n                font-weight: 400;\n                color: #999999;\n            }\n        }\n    }\n    &__bottom {\n        width: 276px;\n        margin-right: 24px;\n        display: flex;\n        align-items: center;\n        &__circle {\n            width: 4px;\n            height: 4px;\n            border-radius: 50%;\n            background: #047aff;\n            margin-right: 10px;\n        }\n        &__item {\n            width: 262px;\n            font-size: 14px;\n            font-weight: 500;\n            color: #333333;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-article.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./the-article.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./the-article.vue?vue&type=template&id=12027c5a&scoped=true&\"\nimport script from \"./the-article.vue?vue&type=script&lang=js&\"\nexport * from \"./the-article.vue?vue&type=script&lang=js&\"\nimport style0 from \"./the-article.vue?vue&type=style&index=0&id=12027c5a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"12027c5a\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\n\nimport axios from '../../utils/axios';\n\n//未读消息\nexport const notifiy = async (params) => {\n    const res = await axios.post(`/api/opencms/notifications`, params);\n    return res;\n};\n\n//精选文章\n\nexport const queryArticle = async (params) => {\n    const { current, size, tab } = params;\n    const res = await axios.get(`/api/opencms/index?current=${current}&size=${size}&tab=${tab}&category=文章`);\n    return res;\n};\n\n//问答\n\nexport const queryIssue = async (params) => {\n    const { current, size, tab } = params;\n    const res = await axios.get(`/api/opencms/index?current=${current}&size=${size}&tab=${tab}&category=问答`);\n    return res;\n};\n","<template>\n    <app-layout>\n        <div class=\"home\">\n            <div class=\"header\">\n                <div class=\"header__back\">\n                    <div class=\"header__bottom\">\n                        <div\n                            v-for=\"(item, index) in routeList\"\n                            :key=\"item.name + index\"\n                            class=\"header__item\"\n                            @click=\"goRouter(item.route)\"\n                        >\n                            <div class=\"header__item__left\">\n                                <div class=\"header__item__name\">{{ item.name }}</div>\n                                <div class=\"header__item__line\"></div>\n                                <div class=\"header__item__des\">{{ item.des }}</div>\n                            </div>\n                            <div>\n                                <img :src=\"item.img\" class=\"header__item__img\" />\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"home__header\">\n                        <div class=\"home__title\"><img src=\"../../assets/images/home-title.png\" /></div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"home__article\">\n                <the-header :route-obj=\"routeList[0]\"> </the-header>\n                <the-article :list=\"articleList\"></the-article>\n            </div>\n            <div class=\"issue\">\n                <div class=\"home__issue\">\n                    <the-header :route-obj=\"routeList[1]\"></the-header>\n                    <div class=\"contener\">\n                        <div class=\"home__issue__left\">\n                            <div\n                                v-for=\"item in issueList\"\n                                :key=\"item.name\"\n                                class=\"home__issue__item\"\n                                @click=\"goDetail(item)\"\n                            >\n                                <div class=\"flex aligh-center\">\n                                    <img src=\"../../assets/images/icon-tooltip.png\" class=\"home__issue__icon\" />\n                                    <span class=\"home__issue__title\">{{ item.title }}</span>\n                                </div>\n                                <p class=\"home__issue__des\">{{ item.content | content }}</p>\n                            </div>\n                        </div>\n                        <div class=\"home__issue__right\">\n                            <the-card :list=\"hotIssueList\" @go-detail=\"goDetail\"></the-card>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <!--            <div class=\"home__document\">-->\n            <!--                <the-header :route-obj=\"routeList[2]\"> </the-header>-->\n            <!--                <div class=\"contener\">-->\n            <!--                    <div-->\n            <!--                        v-for=\"(item, index) in docList\"-->\n            <!--                        :key=\"item.name + index\"-->\n            <!--                        class=\"home__document__item\"-->\n            <!--                        :style=\"{ backgroundImage: 'url(' + item.img + ')' }\"-->\n            <!--                        @click=\"linkUrl(item.url)\"-->\n            <!--                    >-->\n            <!--                        <div class=\"home__document__name\">{{ item.name }}</div>-->\n            <!--                        <div class=\"home__document__line\"></div>-->\n            <!--                        <div class=\"home__document__title\">{{ item.title }}</div>-->\n            <!--                        <div class=\"home__document__des\">{{ item.des }}</div>-->\n            <!--                    </div>-->\n            <!--                </div>-->\n            <!--            </div>-->\n        </div>\n    </app-layout>\n</template>\n\n<script>\nimport TheHeader from './components/the-header';\nimport TheCard from './components/the-card';\nimport TheArticle from './components/the-article';\nimport { queryArticle, queryIssue } from './service';\nimport AppLayout from '../../components/layout/app-layout';\nexport default {\n    components: {\n        AppLayout,\n        TheHeader,\n        TheCard,\n        TheArticle\n    },\n    data() {\n        return {\n            hotIssueList: [],\n            issueList: [],\n            articleList: [],\n            docList: [\n                {\n                    name: '入门篇',\n                    title: 'iSysCore OS 产品介绍',\n                    des: '本文档主要介绍 iSysCore OS 的架构与各项核心能力，让您对 iSysCore OS 有一个初步整体的了解。',\n                    img: require('../../assets/images/doc-1.png'),\n                    url: [1005, 621]\n                },\n                {\n                    name: '了解篇',\n                    title: 'iSysCore OS 设备集成介绍',\n                    des: '本文档主要介绍 iSysCore OS 设备集成的核心能力，让您获得设备集成能力的整体认知。',\n                    img: require('../../assets/images/doc-2.png'),\n                    url: [1028, 621]\n                },\n                {\n                    name: '实践篇',\n                    title: 'iSysCore OS 使用手册',\n                    des: '本文档主要介绍 iSysCore OS 的具体使用流程，帮助您快速上手使用 iSysCore OS。  ',\n                    img: require('../../assets/images/doc-3.png'),\n                    url: [1568, 621]\n                },\n                {\n                    name: '开发篇',\n                    title: 'iSysCore OS 应用开发手册',\n                    des: '本文档将引导您基于 iSysCore OS 提供的 SDK 进行业务应用的快速开发，并将该应用构建打包、安装至 iSysCore OS 上。',\n                    img: require('../../assets/images/doc-4.png'),\n                    url: [1034, 621]\n                }\n            ],\n            routeList: [\n                {\n                    name: '文章',\n                    route: '/article?tab=systemDevelopment',\n                    des: '关联智慧的优选文章',\n                    en: 'ARTICLE',\n                    img: require('../../assets/images/icon-article.png'),\n                    home: '精选文章'\n                },\n                {\n                    name: '问答',\n                    route: '/issue?tab=systemDevelopment',\n                    des: '想要的关键性问答',\n                    img: require('../../assets/images/icon-issue.png'),\n                    home: '深度问答',\n                    en: 'QUESTIONS & ANSWERS'\n                },\n                // { name: '视频', route: '/video', des: '0到1的知识视频',img:require('../../assets/images/icon-video.png'),home:'' },\n                {\n                    name: '下载',\n                    route: '/download',\n                    des: '账号认证为合作伙伴才可下载',\n                    img: require('../../assets/images/icon-doc.png'),\n                    home: '下载中心',\n                    en: 'DOWNLOAD'\n                }\n            ],\n            screenWidth: 0\n        };\n    },\n\n    mounted() {\n        this.init();\n        this.screenWidth = document.body.clientWidth;\n        window.onresize = () => {\n            this.screenWidth = document.body.clientWidth;\n        };\n    },\n    methods: {\n        async init() {\n            let params = {\n                current: 1,\n                size: 10,\n                tab: 'good'\n            };\n            const { records } = await queryArticle(params);\n            this.articleList = records;\n            const res = await queryIssue({ current: 1, size: 3, tab: 'good' });\n            this.issueList = res.records.slice(0, 3);\n            const hotIssueList = await queryIssue({ current: 1, size: 6, tab: 'hot' });\n            this.hotIssueList = hotIssueList.records.slice(0, 6);\n        },\n        goRouter(router) {\n            this.$router.push(router);\n        },\n        goDetail(item) {\n            this.$router.push({ name: '问答详情', query: { id: item.id } });\n        },\n        linkUrl(url) {\n            this.$router.push({ name: '文档详情', query: { pageId: url[0], docId: url[1] } });\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '~@isyscore/styles/variables';\n\n.home {\n    width: 100%;\n    &__title {\n        width: 1200px;\n        margin: 0 auto;\n        img {\n            width: 400px;\n            // height: 274px;\n            margin-top: 95px;\n        }\n    }\n\n    .header {\n        width: 100%;\n        background-color: #0c0b0d;\n        &__back {\n            max-width: 2000px;\n            margin: 0 auto;\n            height: 550px;\n            background: url(../../assets/images/banner1.png) 50% no-repeat #0c0b0d;\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            background-size: cover;\n            position: relative;\n        }\n\n        &__bottom {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            position: absolute;\n            bottom: -39px;\n        }\n        &__item:last-child {\n            margin-right: 0px;\n        }\n        &__item {\n            width: 368px;\n            height: 120px;\n            margin-right: 48px;\n            background: #ffffff;\n            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);\n            border-radius: 2px;\n            border: 1px solid rgba(0, 0, 0, 0.1);\n            padding: 26px 70px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            cursor: pointer;\n            transition: all 345ms;\n\n            &:hover {\n                box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);\n                transform: translateY(-5px);\n            }\n\n            &__name {\n                font-size: 22px;\n                font-weight: 500;\n                color: #333333;\n                margin-bottom: 8px;\n            }\n            &__line {\n                width: 115px;\n                height: 1px;\n                background: #f2f2f2;\n                margin-bottom: 11px;\n            }\n            &__des {\n                font-size: 12px;\n                font-weight: 400;\n                color: #bbbbbb;\n            }\n            &__img {\n                width: 46px;\n                height: 46px;\n            }\n        }\n    }\n    &__article {\n        height: 700px;\n        width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: center;\n        flex-flow: wrap;\n        padding: 101px 0 70px;\n        background: #ffffff;\n    }\n    .issue {\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        background: #f6faff;\n    }\n    &__issue {\n        height: 543px;\n        width: 1200px;\n        display: flex;\n        justify-content: center;\n        flex-flow: wrap;\n        padding: 62px 0 70px;\n\n        .contener {\n            height: 340px;\n            margin: 30px auto 0;\n        }\n        &__left {\n            width: 784px;\n            margin-right: 48px;\n        }\n        &__icon {\n            display: inline-block;\n            width: 20px;\n            height: 18px;\n            margin-right: 9px;\n        }\n        &__item {\n            width: 784px;\n            margin-bottom: 22px;\n            border-bottom: 1px solid #f2f2f2;\n        }\n        &__item:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n        }\n        &__title {\n            font-size: 18px;\n            font-weight: 600;\n            max-width: 755px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            color: #333333;\n            cursor: pointer;\n            &:hover {\n                color: $app-primary-color;\n            }\n        }\n        &__des {\n            width: 784px;\n            height: 48px;\n            margin: 8px 0 24px;\n            font-size: 14px;\n            font-weight: 400;\n            color: #666666;\n            line-height: 24px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            cursor: pointer;\n        }\n    }\n    &__document {\n        height: 549px;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        flex-flow: wrap;\n        flex-direction: column;\n        padding: 62px 0 70px;\n        background: #f4f7fa;\n        &__name {\n            font-size: 30px;\n            font-weight: 400;\n            color: #f4f7fa;\n            margin-bottom: 23px;\n        }\n        &__line {\n            width: 40px;\n            height: 1px;\n            background: #ffffff;\n            margin-bottom: 23px;\n        }\n        &__title {\n            width: 180px;\n            font-size: 14px;\n            font-weight: 500;\n            color: #ffffff;\n            line-height: 22px;\n            margin: 17px 0;\n        }\n        &__des {\n            width: 180px;\n            font-size: 14px;\n            font-weight: 400;\n            color: #ffffff;\n            line-height: 22px;\n        }\n        &__item {\n            cursor: pointer;\n            width: 270px;\n            height: 320px;\n            margin-right: 40px;\n            padding: 62px 30px 0;\n            background-position: inherit;\n            background-size: cover;\n            background-repeat: no-repeat;\n            transition: all 345ms;\n\n            &:hover {\n                box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);\n                transform: translateY(-5px);\n            }\n        }\n        &__item:last-child {\n            margin-right: 0;\n        }\n    }\n    .contener {\n        width: 1200px;\n        display: flex;\n        margin-top: 30px;\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0750185f&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0750185f&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0750185f\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/doc-4.9541e855.png\";","module.exports = __webpack_public_path__ + \"img/home-title.c2b74fe5.png\";","module.exports = __webpack_public_path__ + \"img/doc-2.d5ac345a.png\";"],"sourceRoot":""}