{"version":3,"sources":["webpack:///./src/views/Project.vue?3c91","webpack:///src/views/Project.vue","webpack:///./src/views/Project.vue?da5b","webpack:///./src/views/Project.vue","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/Project.vue?0489"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","topImgUrl","_v","$route","path","on","handleTabsClick","staticRenderFns","data","datas","show","created","initData","methods","$router","push","tab","name","component","DESCRIPTORS","FUNCTION_NAME_EXISTS","EXISTS","uncurryThis","defineProperty","f","FunctionPrototype","Function","prototype","functionToString","toString","nameRE","regExpExec","exec","NAME","configurable","get","error"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,IAAMP,EAAIQ,UAAU,IAAM,MAAMJ,EAAG,IAAI,CAACJ,EAAIS,GAAG,YAAYL,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQN,KAAKS,OAAOC,MAAMC,GAAG,CAAC,YAAYZ,EAAIa,kBAAkB,CAACT,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,KAAK,KAAO,eAAeH,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,KAAK,KAAO,YAAYH,EAAG,gBAAgB,CAACG,MAAM,CAAC,kBAAkB,wBAAwB,CAACH,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,CAAEI,KAAM,OAAQ,CAACX,EAAIS,GAAG,QAAQL,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,CAAEI,KAAM,eAAgB,CAACX,EAAIS,GAAG,UAA8B,cAAnBR,KAAKS,OAAOC,KAAoBP,EAAG,qBAAqB,CAACJ,EAAIS,GAAG,QAAQL,EAAG,qBAAqB,CAACJ,EAAIS,GAAG,SAAS,IAAI,IAAI,GAAGL,EAAG,gBAAgB,IACl1BU,EAAkB,GCkCtB,G,UAAA,CACEC,KADF,WAEI,MAAO,CAELC,MAAO,EAAb,QAEMR,UAAW,GACXS,MAAM,IAGVC,QAVF,WAWIjB,KAAKkB,YAEPC,QAAS,CAEPD,SAFJ,WAGMlB,KAAKO,UAAYP,KAAKe,MAAM,QAAQ,aAGtCH,gBANJ,SAMA,GACMZ,KAAKoB,QAAQC,KAAKC,EAAIC,UCvDqT,I,wBCQ7UC,EAAY,eACd,EACA1B,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,8BCnBf,IAAIC,EAAc,EAAQ,QACtBC,EAAuB,EAAQ,QAA8BC,OAC7DC,EAAc,EAAQ,QACtBC,EAAiB,EAAQ,QAAuCC,EAEhEC,EAAoBC,SAASC,UAC7BC,EAAmBN,EAAYG,EAAkBI,UACjDC,EAAS,mEACTC,EAAaT,EAAYQ,EAAOE,MAChCC,EAAO,OAIPd,IAAgBC,GAClBG,EAAeE,EAAmBQ,EAAM,CACtCC,cAAc,EACdC,IAAK,WACH,IACE,OAAOJ,EAAWD,EAAQF,EAAiBlC,OAAO,GAClD,MAAO0C,GACP,MAAO,Q,yDCpBf","file":"js/chunk-48a0f56a.8f7d857a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('div',{staticClass:\"top\"},[_c('img',{staticClass:\"top-img\",attrs:{\"src\":_vm.topImgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(\"项目案例\")])]),_c('div',{staticClass:\"bottom\"},[_c('el-tabs',{attrs:{\"value\":this.$route.path},on:{\"tab-click\":_vm.handleTabsClick}},[_c('el-tab-pane',{attrs:{\"label\":\"军用\",\"name\":\"/military\"}}),_c('el-tab-pane',{attrs:{\"label\":\"民用\",\"name\":\"/civil\"}}),_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/military' }}},[_vm._v(\"项目案例\")]),(this.$route.path==='/military')?_c('el-breadcrumb-item',[_vm._v(\"军用\")]):_c('el-breadcrumb-item',[_vm._v(\"民用\")])],1)],1)],1),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"about\">\n    <!-- 顶部 -->\n    <div class=\"top\">\n      <img class=\"top-img\"\n           :src=\"topImgUrl\"\n           alt=\"\">\n      <p>项目案例</p>\n    </div>\n    <!-- 底部 -->\n    <div class=\"bottom\">\n      <!-- tab页 -->\n      <el-tabs :value=\"this.$route.path\"\n               @tab-click=\"handleTabsClick\">\n        <el-tab-pane label=\"军用\"\n                     name=\"/military\">\n        </el-tab-pane>\n        <el-tab-pane label=\"民用\"\n                     name=\"/civil\">\n        </el-tab-pane>\n        <!-- 面包屑导航 -->\n        <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n          <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\n          <el-breadcrumb-item :to=\"{ path: '/military' }\">项目案例</el-breadcrumb-item>\n          <el-breadcrumb-item v-if=\"this.$route.path==='/military'\">军用</el-breadcrumb-item>\n          <el-breadcrumb-item v-else>民用</el-breadcrumb-item>\n        </el-breadcrumb>\n      </el-tabs>\n\n    </div>\n    <router-view></router-view>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      // 引入数据\n      datas: require('../assets/json/data'),\n      // 顶部背景图片地址\n      topImgUrl: '',\n      show: true\n    }\n  },\n  created () {\n    this.initData()\n  },\n  methods: {\n    //   初始化数据\n    initData () {\n      this.topImgUrl = this.datas['项目案例']['顶部背景图片地址']\n    },\n    //   tab页的点击事件\n    handleTabsClick (tab) {\n      this.$router.push(tab.name)\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n$blue: #308bec;\n.about {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.top {\n  width: 100%;\n  height: 300px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 2px;\n  p {\n    font-size: 36px;\n    // font-weight: bold;\n    margin: 0;\n    padding: 0;\n    color: #fff;\n  }\n}\n.top-img {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: -1;\n}\n.bottom {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  background-color: #f5f5f5;\n  .el-tabs {\n    position: relative;\n    /deep/ .el-tabs__header {\n      width: 1200px;\n      height: 60px;\n      margin: 0;\n      .el-tabs__nav-wrap {\n        &::after {\n          background-color: transparent;\n        }\n        .el-tabs__nav-scroll {\n          height: 60px;\n          .el-tabs__nav {\n            .el-tabs__item {\n              width: 100px;\n              height: 60px;\n              padding: 0 20px;\n              line-height: 60px;\n              text-align: center;\n              &.is-active {\n                background-color: $blue;\n                color: #fff;\n              }\n            }\n            .el-tabs__active-bar {\n              background-color: transparent;\n            }\n          }\n        }\n      }\n    }\n    /deep/ .el-tabs__content {\n      overflow: unset;\n    }\n    .el-breadcrumb {\n      height: 60px;\n      line-height: 60px;\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      z-index: 2;\n      font-size: 12px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Project.vue?vue&type=template&id=4afbfa09&scoped=true&\"\nimport script from \"./Project.vue?vue&type=script&lang=js&\"\nexport * from \"./Project.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Project.vue?vue&type=style&index=0&id=4afbfa09&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  \"4afbfa09\",\n  null\n  \n)\n\nexport default component.exports","var DESCRIPTORS = require('../internals/descriptors');\nvar FUNCTION_NAME_EXISTS = require('../internals/function-name').EXISTS;\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar functionToString = uncurryThis(FunctionPrototype.toString);\nvar nameRE = /function\\b(?:\\s|\\/\\*[\\S\\s]*?\\*\\/|\\/\\/[^\\n\\r]*[\\n\\r]+)*([^\\s(/]*)/;\nvar regExpExec = uncurryThis(nameRE.exec);\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return regExpExec(nameRE, functionToString(this))[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Project.vue?vue&type=style&index=0&id=4afbfa09&lang=scss&scoped=true&\""],"sourceRoot":""}