{"version":3,"sources":["webpack:///./src/views/app/index.vue?b006","webpack:///./src/components/app/headers/headers.vue?f776","webpack:///./src/views/app/index.vue?0f0c","webpack:///./src/components/app/headers/headers.vue?f042","webpack:///src/components/app/headers/headers.vue","webpack:///./src/components/app/headers/headers.vue?b463","webpack:///./src/components/app/headers/headers.vue","webpack:///src/views/app/index.vue","webpack:///./src/views/app/index.vue?f0d4","webpack:///./src/views/app/index.vue","webpack:///./src/assets/images_app/logo.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","staticRenderFns","attrs","on","$event","navIsShow","_e","gopage","class","activeItem","_v","data","methods","isLogo","$route","path","$router","push","component","components","module","exports"],"mappings":"2IAAA,W,yDCAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,WAAWC,YAAY,QAAQ,CAACH,EAAG,WAAWA,EAAG,gBAAgB,IAC3KI,EAAkB,GCDlB,EAAS,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACK,MAAM,CAAC,GAAK,YAAY,CAAET,EAAa,UAAEI,EAAG,MAAM,CAACG,YAAY,cAAcG,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIY,WAAaZ,EAAIY,cAAcZ,EAAIa,KAAKT,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,OAAO,CAACG,YAAY,OAAOG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIc,OAAO,QAAQ,MAAS,CAACV,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,EAAQ,QAAuC,IAAM,QAAQL,EAAG,OAAO,CAACG,YAAY,MAAMG,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIY,WAAaZ,EAAIY,aAAa,CAACR,EAAG,QAAQA,EAAG,QAAQA,EAAG,UAAUA,EAAG,MAAM,CAACG,YAAY,SAASQ,MAAM,CAACf,EAAIY,UAAY,SAAW,KAAK,CAACR,EAAG,OAAO,CAACW,MAAM,CAAmB,KAAlBf,EAAIgB,YAAqB,UAAUN,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIgB,WAAa,IACvvBhB,EAAIc,OAAO,QAAQ,MAAW,CAACd,EAAIiB,GAAG,QAAQb,EAAG,OAAO,CAACW,MAAM,CAAmB,KAAlBf,EAAIgB,YAAqB,UAAUN,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIgB,WAAa,IACjJhB,EAAIc,OAAO,YAAY,MAAW,CAACd,EAAIiB,GAAG,QAAQb,EAAG,OAAO,CAACW,MAAM,CAAmB,KAAlBf,EAAIgB,YAAqB,UAAUN,GAAG,CAAC,MAAQ,SAASC,GAAQX,EAAIgB,WAAa,IACrJhB,EAAIc,OAAO,YAAY,MAAW,CAACd,EAAIiB,GAAG,iBAChD,EAAkB,GC4CtB,GACEC,KADF,WAEI,MAAO,CACLF,WAAY,EACZJ,WAAW,IAGfO,QAAS,CACPL,OADJ,SACA,KACe,KAAf,WAAMM,IAAN,eACMnB,KAAKoB,OAAOC,MAAQA,GAAQrB,KAAKsB,QAAQC,KAAKF,MC1D2T,I,wBCQ3WG,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCTf,GACEC,WAAY,CAAd,YCX8V,ICQ1V,G,UAAY,eACd,EACA3B,EACAS,GACA,EACA,KACA,WACA,OAIa,e,8BCnBfmB,EAAOC,QAAU,IAA0B","file":"js/chunk-6c520fd0.js","sourcesContent":["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/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!./index.vue?vue&type=style&index=0&id=ced707ba&lang=scss&scoped=true&\"","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/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!./headers.vue?vue&type=style&index=0&id=6aedcd89&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"homeCont\",staticClass:\"cont\"},[_c('headers'),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{attrs:{\"id\":\"headers\"}},[(_vm.navIsShow)?_c('div',{staticClass:\"opacity-div\",on:{\"click\":function($event){_vm.navIsShow = !_vm.navIsShow}}}):_vm._e(),_c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"logo\",on:{\"click\":function($event){return _vm.gopage('/app', true)}}},[_c('img',{attrs:{\"src\":require(\"../../../assets/images_app/logo.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"nav\",on:{\"click\":function($event){_vm.navIsShow = !_vm.navIsShow}}},[_c('span'),_c('span'),_c('span')]),_c('div',{staticClass:\"navbar\",class:[_vm.navIsShow ? 'active' : '']},[_c('span',{class:[_vm.activeItem == '0' && 'active'],on:{\"click\":function($event){_vm.activeItem = '0';\n          _vm.gopage('/app', false);}}},[_vm._v(\"首页\")]),_c('span',{class:[_vm.activeItem == '1' && 'active'],on:{\"click\":function($event){_vm.activeItem = '1';\n          _vm.gopage('/Example', false);}}},[_vm._v(\"案例\")]),_c('span',{class:[_vm.activeItem == '2' && 'active'],on:{\"click\":function($event){_vm.activeItem = '2';\n          _vm.gopage('/Contact', false);}}},[_vm._v(\"联系我们\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <header id=\"headers\">\r\n    <div\r\n      class=\"opacity-div\"\r\n      v-if=\"navIsShow\"\r\n      @click=\"navIsShow = !navIsShow\"\r\n    ></div>\r\n    <div class=\"header\">\r\n      <span class=\"logo\" @click=\"gopage('/app', true)\">\r\n        <img src=\"../../../assets/images_app/logo.png\" alt />\r\n      </span>\r\n      <span class=\"nav\" @click=\"navIsShow = !navIsShow\">\r\n        <span></span>\r\n        <span></span>\r\n        <span></span>\r\n      </span>\r\n\r\n      <div class=\"navbar\" :class=\"[navIsShow ? 'active' : '']\">\r\n        <span\r\n          :class=\"[activeItem == '0' && 'active']\"\r\n          @click=\"\r\n            activeItem = '0';\r\n            gopage('/app', false);\r\n          \"\r\n          >首页</span\r\n        >\r\n        <span\r\n          :class=\"[activeItem == '1' && 'active']\"\r\n          @click=\"\r\n            activeItem = '1';\r\n            gopage('/Example', false);\r\n          \"\r\n          >案例</span\r\n        >\r\n        <span\r\n          :class=\"[activeItem == '2' && 'active']\"\r\n          @click=\"\r\n            activeItem = '2';\r\n            gopage('/Contact', false);\r\n          \"\r\n          >联系我们</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </header>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      activeItem: 0,\r\n      navIsShow: false,\r\n    };\r\n  },\r\n  methods: {\r\n    gopage(path, isLogo) {\r\n      isLogo ? (this.navIsShow = false) : (this.navIsShow = !this.navIsShow);\r\n      this.$route.path != path && this.$router.push(path);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.header {\r\n  position: relative;\r\n  display: flex;\r\n  height: 44px;\r\n  padding: 0 15px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  background: $bgColor;\r\n\r\n  .logo {\r\n    display: flex;\r\n    cursor: pointer;\r\n    justify-items: center;\r\n    img {\r\n      height: 26px;\r\n    }\r\n  }\r\n  .nav {\r\n    width: 24px;\r\n    cursor: pointer;\r\n\r\n    & > span {\r\n      display: block;\r\n      height: 3px;\r\n      border-radius: 5px;\r\n      background: #fff;\r\n      & + span {\r\n        margin-top: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .navbar {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: -1;\r\n    opacity: 0;\r\n    background: $bgColor;\r\n    border-top: 1px solid lighten($bgColor, 15%);\r\n    transform: translateY(-50px) scaleY(0.3);\r\n    transition: opacity 0.2s, transform 0.3s, z-index 0.1s 0.1s;\r\n    &.active {\r\n      z-index: 99;\r\n      opacity: 1;\r\n      transform: translateY(0) scaleY(1);\r\n    }\r\n    & > span {\r\n      display: block;\r\n      padding: 0 30px;\r\n      line-height: 44px;\r\n      color: #999999;\r\n      background-color: #444444;\r\n      border-bottom: 1px solid #5e5e5e;\r\n      font-size: 14px;\r\n      &:hover,\r\n      &:focus,\r\n      &.active {\r\n        color: $red;\r\n        background-color: #333333;\r\n        border-bottom-color: $red;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    height: 88px;\r\n    padding: 0 30px;\r\n    .logo {\r\n      img {\r\n        height: 52px;\r\n      }\r\n    }\r\n    .nav {\r\n      width: 40px;\r\n      & > span {\r\n        height: 4px;\r\n        & + span {\r\n          margin-top: 11px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .navbar {\r\n      transform: translateY(-100px) scaleY(0.3);\r\n      & > span {\r\n        padding: 0 60px;\r\n        line-height: 88px;\r\n        font-size: 28px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.opacity-div {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.4);\r\n  z-index: 19;\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!./headers.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!./headers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./headers.vue?vue&type=template&id=6aedcd89&scoped=true&\"\nimport script from \"./headers.vue?vue&type=script&lang=js&\"\nexport * from \"./headers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headers.vue?vue&type=style&index=0&id=6aedcd89&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  \"6aedcd89\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"cont\" ref=\"homeCont\">\r\n    <headers></headers>\r\n    <router-view></router-view>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { headers } from '@/components/app/headers';\r\n\r\nexport default {\r\n  components: { headers }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cont {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=ced707ba&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=ced707ba&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  \"ced707ba\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/logo.png\";"],"sourceRoot":""}