{"version":3,"sources":["webpack:///./src/views/resources/ResourcesEducation.vue","webpack:///./src/views/resources/ResourcesEducation.vue?7cff","webpack:///./src/views/resources/ResourcesEducation.vue?5252"],"names":["class","ref","isShow","list","item","index","to","id","key","data-aos","data-aos-delay","title","intro","releasetime","split","handleScroll","height","document","documentElement","scrollTop","value","route","page","total_page","getList","page_id","postData","second_navigation_id","then","res","data","last_page","handleChangePage","new_page","pageSize","params","name","components","Header","Footer","FloatingFrame","ResourcesTop","setup","header","body","window","addEventListener","offsetTop","imgUrl","api","render","__scopeId"],"mappings":"mQAESA,MAAM,U,GACFA,MAAM,cAAcC,IAAI,U,GACpBD,MAAM,yB,GAEMA,MAAM,Q,GACJA,MAAM,S,GACNA,MAAM,Q,GAERA,MAAM,S,GACJA,MAAM,Q,mKAVjC,eAA2B,GAAlBE,OAAQ,EAAAA,QAAM,mBACvB,eAeM,MAfN,EAeM,CAdF,eAaM,MAbN,EAaM,CAZF,eAWM,MAXN,EAWM,E,mBAVF,eASc,2BAT4F,EAAAC,MAAI,SAApBC,EAAMC,G,wBAAhG,eASc,GATAC,GAAE,+CAA0CF,EAAKG,IAAMP,MAAM,OAAsCQ,IAAKH,EAAOI,WAAS,UAAWC,iBAAsB,KAALL,EAAK,I,YAC/J,iBAGM,CAHN,eAGM,MAHN,EAGM,CAFF,eAAmC,IAAnC,EAAmC,eAAhBD,EAAKO,OAAK,GAC7B,eAAkC,IAAlC,EAAkC,eAAhBP,EAAKQ,OAAK,KAEhC,eAGM,MAHN,EAGM,CAFF,eAAsD,IAAtD,EAAsD,eAApCR,EAAKS,YAAYC,MAAK,kB,0KAoB9D,EAAe,WAEjB,IAAMZ,EAAS,eAAI,IAEba,EAAe,SAACC,GAEfC,SAASC,gBAAgBC,WAAaH,EACrCd,EAAOkB,MAAQ,EAEflB,EAAOkB,MAAQ,GAIvB,MAAO,CAAEL,eAAcb,WAGrB,EAAa,SAACmB,GAEhB,IAAMlB,EAAO,iBAGPmB,EAAO,eAAI,GAGXC,EAAa,iBAGbC,EAAM,yDAAI,WAAOjB,EAAIkB,GAAX,8FACRC,EAAW,CACXD,QAAS,IAAMA,EACfE,qBAAsBpB,EACtBe,KAAMA,EAAKF,OAJH,SAMN,eAAK,yBAA0BM,GAAUE,MAAK,SAACC,GAEjD1B,EAAKiB,MAAQS,EAAIC,KAAKA,KACtBP,EAAWH,MAAQS,EAAIC,KAAKC,aATpB,2CAAJ,wDAcNC,EAAmB,SAACC,EAAUC,GAChCZ,EAAKF,MAAQa,GAOjB,OAJA,gBAAY,WACRT,EAAQH,EAAMc,OAAO5B,GAAIc,EAAMc,OAAOV,YAGnC,CAAEtB,OAAMmB,OAAMC,aAAYC,UAASQ,qBAG/B,GACXI,KAAM,qBACNC,WAAY,CAAEC,SAAA,KAAQC,SAAA,KAAQC,gBAAA,KAAeC,eAAA,MAC7CC,MAHW,WAKP,IAAOrB,EAAQ,iBAGf,EAGI,IAFAN,EADJ,EACIA,aACAb,EAFJ,EAEIA,OAGJ,EAA8D,EAAWmB,GAAjElB,EAAR,EAAQA,KAAMmB,EAAd,EAAcA,KAAMC,EAApB,EAAoBA,WAAqBS,GAAzC,EAAgCR,QAAhC,EAAyCQ,kBAGnCW,EAAS,eAAI,MAEnB,gBAAU,WACN1B,SAASC,gBAAgBC,UAAYF,SAAS2B,KAAKzB,UAAW,EAC9D0B,OAAOC,iBAAiB,UAAU,WAC3BH,EAAOvB,OACNL,EAAa4B,EAAOvB,MAAM2B,iBAKtC,IAAQC,EAAYC,EAAA,KAEpB,MAAO,CAAED,SAAQ9C,SAAQyC,SAAQxC,OAAMmB,OAAMC,aAAYS,sB,UC3GjE,EAAOkB,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"js/ResourcesEducation.b5de55ac.js","sourcesContent":["<template>\r\n    <Header :isShow=\"isShow\" />\r\n    <div class=\"warper\">\r\n        <div class=\"content_box\" ref=\"header\">\r\n            <div class=\"content max_small_box\">\r\n                <router-link :to=\"`/resource/resources_education_detail/${item.id}`\" class=\"list\" v-for=\"(item, index) in list\" :key=\"index\" data-aos=\"fade-up\" :data-aos-delay=\"(index+1)*200\">\r\n                        <div class=\"left\">\r\n                            <p class=\"title\">{{item.title}}</p>\r\n                            <p class=\"desc\">{{item.intro}}</p>\r\n                        </div>\r\n                        <div class=\"right\">\r\n                            <p class=\"time\">{{item.releasetime.split(' ')[0]}}</p>\r\n                            <!-- <p class=\"more\">点击查看</p> -->\r\n                        </div>\r\n                </router-link>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { onBeforeMount, onMounted, onUnmounted, ref, reactive, watchEffect } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { get, post } from '../../utils/request';\r\nimport * as api from '../../utils/api';\r\nimport Header from '../../components/header/Header';\r\nimport Footer from '../../components/footer/Footer';\r\nimport FloatingFrame from '../../components/floatingFrame/FloatingFrame';\r\nimport ResourcesTop from '../../components/resources/ResourcesTop';\r\n\r\n//页面滚动处理函数\r\nconst ScrollEffect = () => {\r\n\r\n    const isShow = ref('')\r\n\r\n    const handleScroll = (height) => {\r\n        \r\n        if(document.documentElement.scrollTop >= height){\r\n            isShow.value = 1\r\n        }else{\r\n            isShow.value = 2\r\n        }\r\n    }\r\n\r\n    return { handleScroll, isShow }\r\n}\r\n\r\nconst listEffect = (route) => {\r\n    //列表\r\n    const list = ref()\r\n\r\n    //页数\r\n    const page = ref(1)\r\n\r\n    //总页数\r\n    const total_page = ref()\r\n\r\n    //获取详情\r\n    const getList = async (id, page_id) => {\r\n        let postData = {\r\n            page_id: '/' + page_id,\r\n            second_navigation_id: id,\r\n            page: page.value\r\n        }\r\n        await post('/resource/get_resource', postData).then((res) => {\r\n            // console.log('教育基地列表', res)\r\n            list.value = res.data.data\r\n            total_page.value = res.data.last_page\r\n        })\r\n    }\r\n\r\n    //更换页数\r\n    const handleChangePage = (new_page, pageSize) =>{\r\n        page.value = new_page\r\n    }\r\n\r\n    watchEffect(() =>{\r\n        getList(route.params.id, route.params.page_id)\r\n    })\r\n\r\n    return { list, page, total_page, getList, handleChangePage }\r\n}\r\n\r\nexport default {\r\n    name: 'ResourcesEducation',\r\n    components: { Header, Footer, FloatingFrame, ResourcesTop },\r\n    setup() {\r\n\r\n        const  route = useRoute()\r\n\r\n        //页面滚动处理函数\r\n        const { \r\n            handleScroll, \r\n            isShow \r\n        } = ScrollEffect()\r\n\r\n        const { list, page, total_page, getList, handleChangePage } = listEffect(route)\r\n\r\n        //获取滑块到顶部的距离\r\n        const header = ref(null)\r\n\r\n        onMounted(() => {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0;\r\n            window.addEventListener('scroll', function () {\r\n                if(header.value){\r\n                    handleScroll(header.value.offsetTop);\r\n                }\r\n            })\r\n        });\r\n\r\n        const { imgUrl }  = api\r\n\r\n        return { imgUrl, isShow, header, list, page, total_page, handleChangePage }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.content_box{\r\n    margin-top: 50px;\r\n}\r\n.content{\r\n    @media screen and (max-width: 1200px){\r\n        padding: 0 30px;\r\n    }\r\n    .list{\r\n        display: flex;\r\n        padding: 30px 0;\r\n        border-bottom: 1px solid #bbb;\r\n        margin-bottom: 30px;\r\n        cursor: pointer;\r\n        &:last-child{\r\n            border-bottom: none;\r\n        }\r\n        .left{\r\n            width: 50%;\r\n            @media screen and (max-width: 900px){\r\n                width: 100%;\r\n            }\r\n            .title{\r\n                color: rgba(47, 80, 158, 100);\r\n                font-size: 20px;\r\n                font-weight: 600;\r\n            }\r\n            .desc{\r\n                color: rgba(16, 16, 16, 100);\r\n                font-size: 16px;\r\n                margin-top: 30px;\r\n                line-height: 24px;\r\n            }\r\n        }\r\n        .right{\r\n            width: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n            @media screen and (max-width: 900px){\r\n                display: none;\r\n            }\r\n            .time{\r\n                color: rgba(16, 16, 16, 100);\r\n                font-size: 20px;\r\n                font-weight: 600;\r\n            }\r\n            .more{\r\n                color: #101010;\r\n                font-size: 14px;\r\n                padding: 10px 25px;\r\n                border: 1px solid #BBBBBB;\r\n                margin-left: 30px;\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>","import { render } from \"./ResourcesEducation.vue?vue&type=template&id=415d3c10&scoped=true\"\nimport script from \"./ResourcesEducation.vue?vue&type=script&lang=js\"\nexport * from \"./ResourcesEducation.vue?vue&type=script&lang=js\"\n\nimport \"./ResourcesEducation.vue?vue&type=style&index=0&id=415d3c10&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-415d3c10\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./ResourcesEducation.vue?vue&type=style&index=0&id=415d3c10&lang=scss&scoped=true\""],"sourceRoot":""}