{"version":3,"sources":["webpack:///src/views/detail/index.vue","webpack:///./src/views/detail/index.vue?c028","webpack:///./src/views/detail/index.vue"],"names":["detail","name","components","PcTitle","Slide","data","detailData","query","isPc","config","url","title","description","wechatQrcodeTitle","wechatQrcodeHelper","created","this","$route","$root","$el","getAttribute","getDetailData","methods","_this","Object","api","id","then","_ref","wxshare","desc","imgUrl","$nextTick","location","protocol","host","pathname","search","site_url","socialShare","views_detail","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","pageTitle","_v","_m","href","link","_s","_e","jobTitle","isDetail","create_time","data-initialized","domProps","innerHTML","content","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"iLAyCAA,GACAC,KAAA,SACAC,YACAC,UAAA,EACAC,QAAA,GAEAC,KANA,WAOA,OACAC,cACAC,SACAC,MAAA,EACAC,QACAC,IAAA,GACAC,MAAA,GACAC,YAAA,GACAC,kBAAA,WACAC,mBAAA,+CAIAC,QApBA,WAqBAC,KAAAT,MAAAS,KAAAC,OAAAV,MACAS,KAAAR,KAAA,MAAAQ,KAAAE,MAAAC,IAAAC,aAAA,iBACAJ,KAAAK,iBAGAC,SACAD,cADA,WACA,IAAAE,EAAAP,KACYQ,OAAAC,EAAA,EAAAD,EAAZE,GAAAV,KAAAT,MAAAmB,KAAAC,KAAA,SAAAC,GAAA,IAAAvB,EAAAuB,EAAAvB,KACAkB,EAAAjB,WAAAD,EACgBmB,OAAAK,EAAA,EAAAL,EAChBb,MAAAN,EAAAM,OAAA,GACAmB,KAAA,UACAC,OAAA,8CAGAR,EAAAS,UAAA,WACAT,EAAAf,OACAe,EAAAd,OAAAC,IAAAuB,SAAAC,SAAA,OAAAD,SAAAE,KAAAF,SAAAG,SAAAH,SAAAI,OACAd,EAAAd,OAAA6B,SAAAL,SAAAC,SAAA,OAAAD,SAAAE,KACAZ,EAAAd,OAAAE,MAAAY,EAAAjB,WAAAK,MACA4B,YAAA,iBAAAhB,EAAAd,gBC/Ee+B,GADEC,OAFjB,WAA0B,IAAAC,EAAA1B,KAAa2B,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,0BAAoCF,EAAA,SAAcG,OAAOC,UAAA,QAAkBP,EAAAQ,GAAA,KAAAL,EAAA,OAAwBE,YAAA,QAAkBF,EAAA,OAAYE,YAAA,MAAgBL,EAAAS,GAAA,GAAAT,EAAAQ,GAAA,KAAAR,EAAAnC,MAAA,MAAAsC,EAAA,KAAAA,EAAA,KAA0DG,OAAOI,KAAA,IAAAV,EAAAnC,MAAA8C,QAA2BX,EAAAQ,GAAAR,EAAAY,GAAAZ,EAAAnC,MAAAI,YAAA+B,EAAAa,KAAAb,EAAAQ,GAAA,KAAAL,EAAA,KAAAH,EAAAQ,GAAA,YAAAR,EAAAQ,GAAA,KAAAL,EAAA,WAAgHG,OAAOrC,MAAA+B,EAAApC,WAAAK,MAAA6C,SAAAd,EAAApC,WAAAkD,SAAAC,UAAA,KAAiFf,EAAAQ,GAAA,KAAAL,EAAA,OAAwBE,YAAA,gBAA0BF,EAAA,OAAYE,YAAA,MAAgBF,EAAA,MAAAH,EAAAQ,GAAAR,EAAAY,GAAAZ,EAAApC,WAAAK,UAAA+B,EAAAQ,GAAA,KAAAL,EAAA,MAAuEE,YAAA,gBAA0BF,EAAA,MAAWE,YAAA,SAAmBL,EAAAQ,GAAAR,EAAAY,GAAAZ,EAAApC,WAAAoD,kBAAAhB,EAAAQ,GAAA,KAAAR,EAAA,KAAAG,EAAA,OAAkFE,YAAA,mCAAAC,OAAsDW,mBAAA,UAA2BjB,EAAAQ,GAAA,2CAAAL,EAAA,KAA4DE,YAAA,gCAAAC,OAAmDI,KAAA,OAAYV,EAAAQ,GAAA,KAAAL,EAAA,KAAsBE,YAAA,+BAAAC,OAAkDI,KAAA,OAAYV,EAAAQ,GAAA,KAAAL,EAAA,KAAsBE,YAAA,+BAAAC,OAAkDI,KAAA,SAAYV,EAAAa,KAAAb,EAAAQ,GAAA,KAAAL,EAAA,OAAmCE,YAAA,kBAAAa,UAAwCC,UAAAnB,EAAAY,GAAAZ,EAAApC,WAAAwD,YAA4CpB,EAAAQ,GAAA,qBAAAR,EAAAY,GAAAZ,EAAApC,WAAAwD,SAAA,6BAExxCC,iBADjB,WAAoC,IAAapB,EAAb3B,KAAa4B,eAA0BC,EAAvC7B,KAAuC8B,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,KAAAA,EAAA,KAAuBG,OAAOI,KAAA,OAA7FpC,KAAyGkC,GAAA,aCG7I,IAcAc,EAdyBC,EAAQ,OAcjCC,CACElE,EACAwC,GATF,EAXA,SAAA2B,GACEF,EAAQ,QACRA,EAAQ,SAaV,kBAEA,MAUeG,EAAA,QAAAJ,EAAiB","file":"static/js/13.7d7c37a551a95751cf4c.js","sourcesContent":["<template>\n    <div class=\"main main-detail-page\">\n        <Slide pageTitle=\"详情\"></Slide>\n        <div class=\"nav\">\n            <div class=\"w\">\n                <p>\n                    <a href=\"/\">首页</a>\n                </p>\n                <p v-if=\"query.title\">\n                    <a :href=\"'/'+query.link\">{{ query.title }}</a>\n                </p>\n                <p>详情</p>\n            </div>\n        </div>\n        <PcTitle :title=\"detailData.title\" :jobTitle=\"detailData.jobTitle\" :isDetail=\"true\"></PcTitle>\n        <div class=\"main-detail\">\n            <div class=\"w\">\n                <h2>{{ detailData.title }}</h2>\n                <ul class=\"article-box\">\n                    <!--<li v-if=\"detailData.source_name\" class=\"source\">来源: {{ detailData.source_name }}</li>-->\n                    <li class=\"time\">{{ detailData.create_time }}</li>\n                </ul>\n                <div class=\"share-box-vertical _social-share\" data-initialized=\"true\" v-if=\"isPc\">\n                    分享到\n                    <a href=\"#\" class=\"social-share-icon icon-wechat\"></a>\n                    <a href=\"#\" class=\"social-share-icon icon-qzone\"></a>\n                    <a href=\"#\" class=\"social-share-icon icon-weibo\"></a>\n                </div>\n                <div class=\"article-content\" v-html=\"detailData.content\">\n                    {{ detailData.content }}\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\n    import {wxShare} from \"@/assets/scripts/wxshare\";\n    import PcTitle from '@/components/PcTitle';\n    import Slide from \"@/components/Slide\";\n    import {getDetailById} from '@/assets/api/index'\n\n    export default {\n        name: 'detail',\n        components: {\n            PcTitle,\n            Slide,\n        },\n        data() {\n            return {\n                detailData: {},\n                query: {},\n                isPc: true,\n                config: {\n                    url: '',\n                    title: '',\n                    description: '',\n                    wechatQrcodeTitle: \"微信扫一扫：分享\", // 微信二维码提示文字\n                    wechatQrcodeHelper: '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',\n                }\n            }\n        },\n        created() {\n            this.query = this.$route.query;\n            this.isPc = this.$root.$el.getAttribute(\"data-platform\") == 'pc';\n            this.getDetailData();\n\n        },\n        methods: {\n            getDetailData(){\n                getDetailById({id: this.query.id}).then(({data}) => {\n                    this.detailData = data;\n                    wxShare({\n                        title: data.title || \"\",\n                        desc: \"点击可查看更多\",\n                        imgUrl: \"https://img.scimall.org.cn/share-logo.png\"\n                    });\n\n                    this.$nextTick(() => {\n                        if (this.isPc) {\n                            this.config.url = location.protocol + '//m-' + location.host + location.pathname + location.search;\n                            this.config.site_url = location.protocol + '//m-' + location.host;\n                            this.config.title = this.detailData.title\n                            socialShare('._social-share', this.config);\n                        }\n                    })\n\n                })\n            }\n        }\n    }\n</script>\n<style lang=\"scss\" scoped>\n    @import '~@/assets/scss/detail.scss';\n</style>\n\n<style lang=\"scss\">\n    .main-detail {\n        .article-content {\n\n            p {\n                margin-bottom: 20px;\n            }\n\n            img {\n                max-width: 100%;\n                height: auto;\n                margin: 0 auto 30px;\n                border-radius: 8px;\n            }\n            video {\n                max-width: 100%;\n            }\n\n        }\n\n        .social-share {\n            display: inline-block;\n            position: absolute;\n            top: 24px;\n            right: 70px;\n\n            .social-share-icon {\n                display: inline-block;\n                width: 26px;\n                height: 26px;\n                border: none;\n                &:before {\n                    display: none;\n                }\n\n                &.icon-wechat {\n                    background: url(\"~@/assets/images/icon-wechat.png\") no-repeat center;\n\n                    .wechat-qrcode {\n                        top: 40px;\n                        width: 260px;\n                        height: auto;\n                        background: #FFFFFF;\n                        border: 1px solid #F3C3C5;\n                        left: 50%;\n                        transform: translateX(-50%);\n                        box-shadow: none;\n\n                        &:after {\n                            bottom: auto;\n                            top: -20px;\n                            border-bottom: 12px solid #F3C3C5;\n                            border-left: 9px solid transparent;\n                            border-right: 9px solid transparent;\n                        }\n\n                        &:before {\n                            content: '';\n                            position: absolute;\n                            left: 50%;\n                            margin-left: -6px;\n                            width: 0;\n                            height: 0;\n                            bottom: auto;\n                            top: -10px;\n                            z-index: 11;\n                            border-bottom: 12px solid #fff;\n                            border-left: 9px solid transparent;\n                            border-right: 9px solid transparent;\n                        }\n\n                        h4 {\n                            height: 18px;\n                            font-size: 18px;\n                            color: #2E2424;\n                            text-align: center;\n                            line-height: 18px;\n                            background: none;\n                            margin: 20px 0;\n                        }\n\n                        .qrcode {\n                            border: 1px solid #F3C3C5;\n                        }\n\n                        .help {\n                            color: #2E2424;\n                            font-size: 14px;\n                            text-align: center;\n                            margin: 20px 0;\n\n                            p {\n                                line-height: 20px;\n                            }\n                        }\n                    }\n                }\n                &.icon-qzone {\n                    background: url(\"~@/assets/images/icon-qq.png\") no-repeat center;\n                }\n                &.icon-weibo {\n                    background: url(\"~@/assets/images/icon-weibo.png\") no-repeat center;\n                }\n            }\n\n        }\n\n    }\n\n    @media only screen and (max-width: 750px) {\n\n        .main-detail .article-content {\n\n            p {\n                margin-bottom: .2rem;\n            }\n\n            img {\n                margin: 0 auto .2rem;\n            }\n            video {\n                max-width: 100%;\n            }\n\n        }\n\n    }\n</style>　\n\n\n// WEBPACK FOOTER //\n// src/views/detail/index.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main main-detail-page\"},[_c('Slide',{attrs:{\"pageTitle\":\"详情\"}}),_vm._v(\" \"),_c('div',{staticClass:\"nav\"},[_c('div',{staticClass:\"w\"},[_vm._m(0),_vm._v(\" \"),(_vm.query.title)?_c('p',[_c('a',{attrs:{\"href\":'/'+_vm.query.link}},[_vm._v(_vm._s(_vm.query.title))])]):_vm._e(),_vm._v(\" \"),_c('p',[_vm._v(\"详情\")])])]),_vm._v(\" \"),_c('PcTitle',{attrs:{\"title\":_vm.detailData.title,\"jobTitle\":_vm.detailData.jobTitle,\"isDetail\":true}}),_vm._v(\" \"),_c('div',{staticClass:\"main-detail\"},[_c('div',{staticClass:\"w\"},[_c('h2',[_vm._v(_vm._s(_vm.detailData.title))]),_vm._v(\" \"),_c('ul',{staticClass:\"article-box\"},[_c('li',{staticClass:\"time\"},[_vm._v(_vm._s(_vm.detailData.create_time))])]),_vm._v(\" \"),(_vm.isPc)?_c('div',{staticClass:\"share-box-vertical _social-share\",attrs:{\"data-initialized\":\"true\"}},[_vm._v(\"\\n                分享到\\n                \"),_c('a',{staticClass:\"social-share-icon icon-wechat\",attrs:{\"href\":\"#\"}}),_vm._v(\" \"),_c('a',{staticClass:\"social-share-icon icon-qzone\",attrs:{\"href\":\"#\"}}),_vm._v(\" \"),_c('a',{staticClass:\"social-share-icon icon-weibo\",attrs:{\"href\":\"#\"}})]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"article-content\",domProps:{\"innerHTML\":_vm._s(_vm.detailData.content)}},[_vm._v(\"\\n                \"+_vm._s(_vm.detailData.content)+\"\\n            \")])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('a',{attrs:{\"href\":\"/\"}},[_vm._v(\"首页\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-20ae386d\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/detail/index.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-20ae386d\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-20ae386d\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-20ae386d\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-20ae386d\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/detail/index.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}