{"version":3,"sources":["webpack:///./src/layout/head.vue?883e","webpack:///src/layout/head.vue","webpack:///./src/layout/head.vue?fb5d","webpack:///./src/layout/head.vue","webpack:///./src/layout/head.vue?bf5c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","background","bg","attrs","on","$event","skipPage","name","text","_l","tab","key","class","actived","page","_v","_s","staticRenderFns","data","tabs","watch","$route","to","path","split","pop","created","mounted","window","addEventListener","handleScroll","methods","$router","replace","document","documentElement","scrollTop","destroyed","removeEventListener","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAIC,WAAWR,EAAIS,KAAM,CAACL,EAAG,WAAW,CAACE,YAAY,OAAOI,MAAM,CAAC,IAAM,2BAA2B,IAAM,QAAQC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,SAAS,CAACC,KAAK,OAAQC,KAAK,WAAWX,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,UAAUN,EAAIgB,GAAIhB,EAAQ,MAAE,SAASiB,GAAK,OAAOb,EAAG,KAAK,CAACc,IAAID,EAAIH,KAAKK,MAAM,CAACC,QAAQH,EAAIH,MAAMd,EAAIqB,MAAMV,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,SAASI,MAAQ,CAACjB,EAAIsB,GAAGtB,EAAIuB,GAAGN,EAAIF,MAAM,UAAS,MAAM,IAC/iBS,EAAkB,GCYtB,G,wCAAA,CACEV,KAAM,OACNW,KAFF,WAGI,MAAO,CACLC,KAAM,CAKN,CACE,KAAR,QACQ,KAAR,MAEA,CACQ,KAAR,WACQ,KAAR,MAEA,CACQ,KAAR,gBACQ,KAAR,MAEA,CACQ,KAAR,OACQ,KAAR,MAEA,CACQ,KAAR,WACQ,KAAR,MAEA,CACQ,KAAR,SACQ,KAAR,MAEA,CACQ,KAAR,SACQ,KAAR,MAEA,CACQ,KAAR,WACQ,KAAR,OAGMjB,GAAI,OACJY,KAAM,SAGVM,MAAO,CACLC,OADJ,SACA,GACM3B,KAAKoB,KAAOQ,EAAGC,KAAKC,MAAM,KAAKC,OAAS,SAG5CC,QAnDF,WAoDIhC,KAAKoB,KAAOpB,KAAK2B,OAAOE,KAAKC,MAAM,KAAKC,OAAS,QAEnDE,QAtDF,WAwDIC,OAAOC,iBAAiB,SAAUnC,KAAKoC,eAEzCC,QAAS,CACPzB,SADJ,SACA,GACUI,EAAIH,MAAQb,KAAKoB,MAGrBpB,KAAKsC,QAAQC,QAAQ,CACnBV,KAAM,IAAMb,EAAIH,QAMpBuB,aAZJ,WAaUI,SAASC,gBAAgBC,UAAY,EACvC1C,KAAKQ,GAAK,UAEVR,KAAKQ,GAAK,SAIhBmC,UAAW,WACTT,OAAOU,oBAAoB,SAAU5C,KAAKoC,iBC5FgS,I,wBCQ1US,EAAY,eACd,EACA/C,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E,2CCnBf","file":"static/js/chunk-3b753c3b.be5de38f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\",style:({  background:_vm.bg})},[_c('el-image',{staticClass:\"logo\",attrs:{\"src\":\"/static/img/logo.png?v=2\",\"alt\":\"Logo\"},on:{\"click\":function($event){return _vm.skipPage({name:'home', text:'首页'})}}}),_c('div',[_c('ul',{staticClass:\"navbar\"},_vm._l((_vm.tabs),function(tab){return _c('li',{key:tab.name,class:{actived:tab.name==_vm.page},on:{\"click\":function($event){return _vm.skipPage(tab)}}},[_vm._v(_vm._s(tab.text)+\" \")])}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\" :style=\"{  background:bg}\">\n    <el-image @click=\"skipPage({name:'home', text:'首页'})\" class=\"logo\" src=\"/static/img/logo.png?v=2\" alt=\"Logo\"></el-image>\n    <div>\n      <ul class=\"navbar\">\n        <li @click=\"skipPage(tab)\" v-for=\"tab in tabs\" :class=\"{actived:tab.name==page}\" :key=\"tab.name\">{{tab.text}}\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Home\",\n  data() {\n    return {\n      tabs: [\n        // {\n        //   name: \"home\",\n        //   text: \"首页\",\n        // },\n        {\n          name: \"about\",\n          text: \"我们\",\n        },\n        {\n          name: \"textbook\",\n          text: \"课程\",\n        },\n        {\n          name: \"online_course\",\n          text: \"网课\",\n        },\n        {\n          name: \"news\",\n          text: \"新闻\",\n        },\n        {\n          name: \"activity\",\n          text: \"大赛\",\n        },\n        {\n          name: \"school\",\n          text: \"校区\",\n        },\n        {\n          name: \"league\",\n          text: \"加盟\",\n        },\n        {\n          name: \"download\",\n          text: \"软件\",\n        },\n      ],\n      bg: \"none\",\n      page: \"home\",\n    };\n  },\n  watch: {\n    $route(to) {\n      this.page = to.path.split(\"/\").pop() || \"home\";\n    },\n  },\n  created() {\n    this.page = this.$route.path.split(\"/\").pop() || \"home\";\n  },\n  mounted() {\n    // console.log(123);\n    window.addEventListener(\"scroll\", this.handleScroll); // 监听滚动事件，然后用handleScroll这个方法进行相应的处理\n  },\n  methods: {\n    skipPage(tab) {\n      if (tab.name == this.page) {\n        return;\n      }\n      this.$router.replace({\n        path: \"/\" + tab.name,\n      });\n      // this.$nextTick(() => {\n      //   this.$forceUpdate();\n      // });\n    },\n    handleScroll() {\n      if (document.documentElement.scrollTop > 0) {\n        this.bg = \"#ff6f1b\";\n      } else {\n        this.bg = \"none\";\n      }\n    },\n  },\n  destroyed: function () {\n    window.removeEventListener(\"scroll\", this.handleScroll); //  离开页面清除（移除）滚轮滚动事件\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 999999999;\n  height: 80px;\n  //宽度适配调整的地方\n  padding: 0 130px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  transition: 1s;\n\n  // background-color: #000;\n\n  .logo {\n    width: 113px;\n    height: 38px;\n\n    cursor: pointer;\n\n    transition: 0.5s;\n\n    &:hover {\n      transform: scale(1.1);\n    }\n  }\n  .navbar {\n    display: flex;\n    list-style: none;\n\n    li {\n      font-size: 16px;\n\n      // font-weight: bold;\n      color: rgba($color: #fff, $alpha: 0.8);\n      // color: rgba($color: #fff, $alpha: 0.55);\n      // margin-right: 50px;\n      margin-right: 35px;\n      cursor: pointer;\n      transition: 0.5s;\n\n      &:hover {\n        transform: scale(1.1);\n        // font-weight: bold;\n        // text-decoration: underline;\n        color: rgba($color: #fff, $alpha: 1);\n      }\n\n      &.actived {\n        color: #ffffff;\n        cursor: default;\n        position: relative;\n\n        &::after {\n          position: absolute;\n          background: #fff;\n          content: \" \";\n          height: 2px;\n          left: 5px;\n          right: 5px;\n          bottom: -10px;\n        }\n      }\n    }\n  }\n}\n</style>\n\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!./head.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!./head.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./head.vue?vue&type=template&id=d468e2fa&scoped=true&\"\nimport script from \"./head.vue?vue&type=script&lang=js&\"\nexport * from \"./head.vue?vue&type=script&lang=js&\"\nimport style0 from \"./head.vue?vue&type=style&index=0&id=d468e2fa&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  \"d468e2fa\",\n  null\n  \n)\n\nexport default component.exports","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/@vue/cli-service/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!./head.vue?vue&type=style&index=0&id=d468e2fa&lang=scss&scoped=true&\""],"sourceRoot":""}