{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/Product.vue?c3cd","webpack:///./src/views/Product.vue?948c","webpack:///src/views/Product.vue","webpack:///./src/views/Product.vue?e622","webpack:///./src/views/Product.vue"],"names":["DESCRIPTORS","FUNCTION_NAME_EXISTS","EXISTS","uncurryThis","defineProperty","f","FunctionPrototype","Function","prototype","functionToString","toString","nameRE","regExpExec","exec","NAME","configurable","get","this","error","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","topImgUrl","_v","$route","path","on","handleTabsClick","staticRenderFns","data","datas","created","initData","methods","$router","push","tab","name","component"],"mappings":"mGAAA,IAAIA,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,EAAiBQ,OAAO,GAClD,MAAOC,GACP,MAAO,Q,kCCpBf,W,gECAA,IAAIC,EAAS,WAAa,IAAIC,EAAIH,KAASI,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,IAAMN,EAAIO,UAAU,IAAM,MAAMJ,EAAG,IAAI,CAACH,EAAIQ,GAAG,YAAYL,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,MAAQT,KAAKY,OAAOC,MAAMC,GAAG,CAAC,YAAYX,EAAIY,kBAAkB,CAACT,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,KAAK,KAAO,gBAAgBH,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,KAAK,KAAO,gBAAgBH,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,KAAK,KAAO,eAAeH,EAAG,gBAAgB,CAACG,MAAM,CAAC,kBAAkB,wBAAwB,CAACH,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,CAAEI,KAAM,OAAQ,CAACV,EAAIQ,GAAG,QAAQL,EAAG,qBAAqB,CAACG,MAAM,CAAC,GAAK,CAAEI,KAAM,gBAAiB,CAACV,EAAIQ,GAAG,UAA8B,eAAnBX,KAAKY,OAAOC,KAAqBP,EAAG,qBAAqB,CAACH,EAAIQ,GAAG,QAA4B,eAAnBX,KAAKY,OAAOC,KAAqBP,EAAG,qBAAqB,CAACH,EAAIQ,GAAG,QAAQL,EAAG,qBAAqB,CAACH,EAAIQ,GAAG,SAAS,IAAI,IAAI,GAAGL,EAAG,gBAAgB,IAC/9BU,EAAkB,GCkCtB,G,UAAA,CACEC,KADF,WAEI,MAAO,CAELC,MAAO,EAAb,QAEMR,UAAW,4BAGfS,QATF,WAUInB,KAAKoB,YAEPC,QAAS,CAEPD,SAFJ,WAGMpB,KAAKU,UAAYV,KAAKkB,MAAM,QAAQ,aAGtCH,gBANJ,SAMA,GACMf,KAAKsB,QAAQC,KAAKC,EAAIC,UCtDqT,I,wBCQ7UC,EAAY,eACd,EACAxB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAU,E","file":"js/chunk-6ce21ee6.86407f8c.js","sourcesContent":["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!./Product.vue?vue&type=style&index=0&id=fc807c8a&lang=scss&scoped=true&\"","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\":\"/software1\"}}),_c('el-tab-pane',{attrs:{\"label\":\"硬件\",\"name\":\"/hardware1\"}}),_c('el-tab-pane',{attrs:{\"label\":\"网络\",\"name\":\"/network1\"}}),_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: '/software1' }}},[_vm._v(\"产品中心\")]),(this.$route.path==='/software1')?_c('el-breadcrumb-item',[_vm._v(\"软件\")]):(this.$route.path==='/hardware1')?_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=\"/software1\"></el-tab-pane>\n        <el-tab-pane label=\"硬件\"\n                     name=\"/hardware1\"></el-tab-pane>\n        <el-tab-pane label=\"网络\"\n                     name=\"/network1\"></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: '/software1' }\">产品中心</el-breadcrumb-item>\n          <el-breadcrumb-item v-if=\"this.$route.path==='/software1'\">软件</el-breadcrumb-item>\n          <el-breadcrumb-item v-else-if=\"this.$route.path==='/hardware1'\">硬件</el-breadcrumb-item>\n          <el-breadcrumb-item v-else>网络</el-breadcrumb-item>\n        </el-breadcrumb>\n      </el-tabs>\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: '/images/产品中心/顶部背景图片.png'\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      // console.log(tab)\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!./Product.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!./Product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=fc807c8a&scoped=true&\"\nimport script from \"./Product.vue?vue&type=script&lang=js&\"\nexport * from \"./Product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Product.vue?vue&type=style&index=0&id=fc807c8a&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  \"fc807c8a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}