{"version":3,"sources":["webpack:///./src/views/News/Detail.vue?a40c","webpack:///src/views/News/Detail.vue","webpack:///./src/views/News/Detail.vue?ae6e","webpack:///./src/views/News/Detail.vue","webpack:///./src/views/News/Detail.vue?127e"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","staticClass","_v","_s","detail","domProps","prev","_e","next","staticRenderFns","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,IAAI,MAAMC,MAAM,CAAC,MAAQ,MAAMH,EAAG,mBAAmBA,EAAG,MAAM,CAACI,YAAY,yBAAyB,CAACJ,EAAG,MAAM,CAACI,YAAY,SAAS,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,OAAO,aAAaP,EAAG,MAAM,CAACI,YAAY,aAAa,CAACJ,EAAG,OAAO,CAACI,YAAY,QAAQ,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,OAAO,kBAAkBP,EAAG,OAAO,CAACI,YAAY,YAAY,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,OAAO,kBAAkBP,EAAG,MAAM,CAACI,YAAY,cAAcI,SAAS,CAAC,UAAYZ,EAAIU,GAAGV,EAAIW,OAAO,eAAeP,EAAG,MAAM,CAACI,YAAY,MAAM,CAAER,EAAQ,KAAEI,EAAG,MAAM,CAACI,YAAY,OAAO,CAACJ,EAAG,IAAI,CAACG,MAAM,CAAC,KAAQ,SAAYP,EAAIa,KAAO,KAAK,CAACb,EAAIS,GAAG,OAAOT,EAAIU,GAAGV,EAAIa,KAAK,UAAU,SAASb,EAAIc,KAAMd,EAAQ,KAAEI,EAAG,MAAM,CAACI,YAAY,QAAQ,CAACJ,EAAG,IAAI,CAACG,MAAM,CAAC,KAAQ,SAAYP,EAAIe,KAAO,KAAK,CAACf,EAAIS,GAAG,OAAOT,EAAIU,GAAGV,EAAIe,KAAK,eAAef,EAAIc,SAASV,EAAG,YAAYA,EAAG,UAAU,IACj6BY,EAAkB,G,wECsCtB,GACE,KAAF,SACE,WAAF,CAAI,cAAJ,OAAI,KAAJ,OAAI,QAAJ,OAAI,QAAJ,QACE,SAAF,2BACE,KAJF,WAKI,MAAJ,CACM,OAAN,GACM,KAAN,GACM,KAAN,KAGE,QAXF,WAYI,KAAJ,oBACI,KAAJ,WAEE,QAAF,CACI,QADJ,WACM,IAAN,OACA,wBAEM,EAAN,8CAEQ,EAAR,qBACQ,EAAR,iBACQ,EAAR,uBC9D+V,I,yBCQ3VC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,8CCnBf","file":"js/chunk-fa553d5e.4d1d7fd8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('main-nav',{ref:\"nav\",attrs:{\"fixed\":\"\"}}),_c('l-right-contact'),_c('div',{staticClass:\"news-detail-container\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.detail['title']))]),_c('div',{staticClass:\"news-data\"},[_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.detail['created_at']))]),_c('span',{staticClass:\"view_num\"},[_vm._v(_vm._s(_vm.detail['view_num']))])]),_c('div',{staticClass:\"news-detail\",domProps:{\"innerHTML\":_vm._s(_vm.detail['content'])}}),_c('div',{staticClass:\"yg\"},[(_vm.prev)?_c('div',{staticClass:\"pre\"},[_c('a',{attrs:{\"href\":(\"/news/\" + (_vm.prev.id))}},[_vm._v(\"上一篇：\"+_vm._s(_vm.prev['title'])+\" \")])]):_vm._e(),(_vm.next)?_c('div',{staticClass:\"next\"},[_c('a',{attrs:{\"href\":(\"/news/\" + (_vm.next.id))}},[_vm._v(\"下一篇：\"+_vm._s(_vm.next['title']))])]):_vm._e()])]),_c('l-footer'),_c('l-icp')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <main-nav fixed ref=\"nav\"></main-nav>\n        <l-right-contact></l-right-contact>\n\n        <div class=\"news-detail-container\">\n            <div class=\"title\">{{ detail['title'] }}</div>\n            <div class=\"news-data\">\n                <span class=\"time\">{{ detail['created_at']}}</span>\n                <span class=\"view_num\">{{ detail['view_num']}}</span>\n            </div>\n            <div class=\"news-detail\" v-html=\"detail['content']\">\n            </div>\n\n            <div class=\"yg\">\n\n                <div v-if=\"prev\" class=\"pre\">\n                    <a :href=\"`/news/${prev.id}`\">上一篇：{{ prev['title']}} </a>\n                </div>\n                <div v-if=\"next\" class=\"next\">\n                    <a :href=\"`/news/${next.id}`\">下一篇：{{ next['title']}}</a>\n                </div>\n\n            </div>\n        </div>\n\n        <l-footer></l-footer>\n        <l-icp></l-icp>\n    </div>\n</template>\n\n<script>\n    import MainNav from \"../../components/MainNav\";\n    import LFooter from \"../../components/LFooter\";\n    import LIcp from \"../../components/LIcp\";\n    import LRightContact from \"../../components/LRightContact\";\n    import meta from \"../../meta\";\n    import http from \"../../http\";\n\n    export default {\n        name: \"Detail\",\n        components: {LRightContact, LIcp, LFooter, MainNav},\n        metaInfo: meta.appendTitle('颜创动态'),\n        data() {\n            return {\n                detail: {},\n                next: {},\n                prev: {},\n            }\n        },\n        mounted() {\n            this.$refs['nav'].dark()\n            this.getData()\n        },\n        methods: {\n            getData() {\n                let id = this.$route.params.id\n\n                http.get(`article?id=${id}`, (data) => {\n\n                    this.detail = data.data.detail\n                    this.next = data.data.next\n                    this.prev = data.data.prev\n                })\n            }\n        }\n    }\n</script>\n\n<style lang=\"less\" scoped>\n    .news-detail-container {\n        padding-top: 170px;\n        text-align: left;\n        width: 1200px;\n        max-width: 100%;\n        margin: 0 auto;\n        padding-bottom: 200px;\n    }\n\n    .title {\n        margin-bottom: 50px;\n        font-size: 48px;\n        font-weight: 500;\n        color: #333333;\n        line-height: 67px;\n        letter-spacing: 1px;\n    }\n\n    .news-data {\n\n        font-size: 16px;\n        font-weight: 400;\n        color: #999999;\n        line-height: 22px;\n        text-align: right;\n        padding-bottom: 10px;\n        border-bottom: 1px solid #333333;\n\n        span {\n            margin-left: 40px;\n            display: inline-block;\n            padding-left: 30px;\n            position: relative;\n\n            &:before {\n                content: ' ';\n                width: 22px;\n                height: 22px;\n                left: 0;\n                top: 0;\n                position: absolute;\n            }\n        }\n    }\n\n    .news-detail {\n        padding: 30px 0;\n        font-size: 16px;\n        font-weight: 500;\n        color: #333333;\n        line-height: 30px;\n\n        border-bottom: 1px solid #333;\n        margin-bottom: 20px;\n\n    }\n\n    .time:before {\n        background-image: url(\"../../assets/images/news/icon-time.png\");\n        background-position: center;\n        background-repeat: no-repeat;\n    }\n\n    .view_num:before {\n        background-image: url(\"../../assets/images/news/icon-eyes.png\");\n        background-position: center;\n        background-repeat: no-repeat;\n    }\n\n    .yg {\n        font-size: 16px;\n        font-weight: 400;\n        color: #333333;\n        line-height: 22px;\n        display: flex;\n        justify-content: space-between;\n\n        a {\n            color: rgba(51, 51, 51, 1)\n        }\n    }\n</style>","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!./Detail.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!./Detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detail.vue?vue&type=template&id=613e3b4c&scoped=true&\"\nimport script from \"./Detail.vue?vue&type=script&lang=js&\"\nexport * from \"./Detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Detail.vue?vue&type=style&index=0&id=613e3b4c&lang=less&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  \"613e3b4c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=style&index=0&id=613e3b4c&lang=less&scoped=true&\""],"sourceRoot":""}