{"version":3,"sources":["webpack:///./src/views/Lang/LangPage/LangPage.vue?ec06","webpack:///src/views/Lang/LangPage/LangPage.vue","webpack:///./src/views/Lang/LangPage/LangPage.vue?9f85","webpack:///./src/views/Lang/LangPage/LangPage.vue","webpack:///./src/views/Lang/LangPage/LangPage.vue?2740","webpack:///./src/request/lang.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","attrs","_f","img","on","$event","$router","push","id","name","_v","_s","domProps","changeFormat","description","staticRenderFns","component","GetLangCollections","params","request","get","GetLangPoemsByCollectionId","GetLangPoemById"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmBN,EAAIO,GAAIP,EAAe,aAAE,SAASQ,GAAM,OAAOJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMT,EAAIU,GAAG,WAAPV,CAAmBQ,EAAKG,KAAK,IAAM,QAAQP,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,QAAQC,KAAK,aAAaP,EAAKQ,GAAG,IAAIR,EAAKS,SAAS,CAACjB,EAAIkB,GAAGlB,EAAImB,GAAGX,EAAKS,SAASb,EAAG,MAAM,CAACE,YAAY,QAAQc,SAAS,CAAC,UAAYpB,EAAImB,GAAGnB,EAAIqB,aAAab,EAAKc,wBAAuB,MACjoBC,EAAkB,G,oCC0BtB,GACE,KAAF,WACE,QAFF,WAEI,IAAJ,OAEI,KAAJ,kCAEI,OAAJ,OAAI,GACJ,kBACA,eACQ,EAAR,6BAIE,KAbF,WAcI,MAAJ,CACM,YAAN,KAGE,QAAF,CACI,aADJ,SACA,GACM,IAAN,gCACM,OAAN,QChDgX,I,wBCQ5WC,EAAY,eACd,EACAzB,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,W,kCCAA,sHAGaC,EAAqB,SAACC,GAAD,OAAYC,OAAQC,IAAI,iCAAiC,CAACF,YAG/EG,EAA6B,SAACH,GAAD,OAAYC,OAAQC,IAAI,uCAAuC,CAACF,YAG7FI,EAAkB,SAACJ,GAAD,OAAYC,OAAQC,IAAI,4BAA4B,CAACF,a","file":"js/chunk-7075c28a.8c2f5e43.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lang-page\"},[_c('div',{staticClass:\"collection-list\"},_vm._l((_vm.collections),function(item){return _c('div',{staticClass:\"collection-item\"},[_c('div',{staticClass:\"cover\"},[_c('img',{attrs:{\"src\":_vm._f(\"fullPath\")(item.img),\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[_c('div',{staticClass:\"name\",on:{\"click\":function($event){return _vm.$router.push('/langList/'+item.id+'/'+item.name)}}},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"intro\",domProps:{\"innerHTML\":_vm._s(_vm.changeFormat(item.description))}})])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <!-- 孟郎诗词页面 -->\r\n    <div class=\"lang-page\">\r\n        <!-- 集合列表 -->\r\n        <div class=\"collection-list\">\r\n            <!-- 集合单个条目 -->\r\n            <div class=\"collection-item\" v-for=\"item in collections\">\r\n                <!-- 封面 -->\r\n                <div class=\"cover\">\r\n                    <img :src=\"item.img | fullPath\" alt=\"\">\r\n                </div>\r\n                <!-- 集合信息 -->\r\n                <div class=\"info\">\r\n                    <!-- 名称 -->\r\n                    <div class=\"name\" @click=\"$router.push('/langList/'+item.id+'/'+item.name)\">{{item.name}}</div>\r\n                    <!-- 简介 -->\r\n                    <div class=\"intro\" v-html=\"changeFormat(item.description)\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import {GetLangCollections} from \"@/request/lang\";\r\n    import Vue from 'vue';\r\n\r\n    export default {\r\n        name: \"LangPage\",\r\n        created(){\r\n            // TODO 指定导航栏类型\r\n            this.$store.commit(\"nav/typeUpdate\",3);\r\n            // TODO 获取孟郎诗词集合数据\r\n            GetLangCollections()\r\n                .then(res => {\r\n                    if (res.code === 200){\r\n                        this.collections = res.data.list;\r\n                    }\r\n                })\r\n        },\r\n        data(){\r\n            return{\r\n                collections:[]\r\n            }\r\n        },\r\n        methods:{\r\n            changeFormat(value) {\r\n                let toHtml = Vue.filter('toHtml');\r\n                return toHtml(value);\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n    .lang-page{\r\n        margin-top: 93px;\r\n        .collection-list{\r\n            width: 70%;\r\n            margin: 25px auto;\r\n            padding-top: 15px;\r\n            /* 单个条目 */\r\n            .collection-item{\r\n                display: flex;\r\n                justify-content: flex-start;\r\n                padding: 25px;\r\n                box-sizing: border-box;\r\n                background-color: white;\r\n                margin-bottom: 30px;\r\n                border-radius: 15px;\r\n                box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\r\n                /* 封面 */\r\n                .cover{\r\n                    width: 150px;\r\n                    img{\r\n                        width: 150px;\r\n                    }\r\n                }\r\n                /* 信息 */\r\n                .info{\r\n                    margin-left: 15px;\r\n                    /* 名称 */\r\n                    .name{\r\n                        font-size: 20px;\r\n                        font-weight: bold;\r\n                        margin-bottom: 15px;\r\n                        cursor: pointer;\r\n                        user-select: none;\r\n                    }\r\n                    /* 简介 */\r\n                    .intro{\r\n                        font-size: 17px;\r\n                        line-height: 27px;\r\n                        overflow: hidden;\r\n                        text-overflow: ellipsis;\r\n                        display: -webkit-box;\r\n                        -webkit-line-clamp: 4;\r\n                        -webkit-box-orient: vertical;\r\n                        letter-spacing: 1px;\r\n                        color: #606266;\r\n                    }\r\n                    /* 名称被hover时 */\r\n                    .name:hover{\r\n                        color: #c04851;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\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!./LangPage.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!./LangPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LangPage.vue?vue&type=template&id=58bc3cf7&scoped=true&\"\nimport script from \"./LangPage.vue?vue&type=script&lang=js&\"\nexport * from \"./LangPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LangPage.vue?vue&type=style&index=0&id=58bc3cf7&scoped=true&lang=less&\"\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  \"58bc3cf7\",\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!./LangPage.vue?vue&type=style&index=0&id=58bc3cf7&scoped=true&lang=less&\"","import request from './request';\r\n\r\n// 获取孟郎诗词集合\r\nexport const GetLangCollections = (params) => request.get(\"/langCollection/getCollections\",{params});\r\n\r\n// 根据collectionId获取孟郎诗词\r\nexport const GetLangPoemsByCollectionId = (params) => request.get(\"/langPoem/getLangPoemsByCollectionId\",{params});\r\n\r\n// 根据id获取孟郎诗词\r\nexport const GetLangPoemById = (params) => request.get(\"/langPoem/getLangPoemById\",{params});"],"sourceRoot":""}