{"version":3,"file":"assets/js/745.753f4210.js","mappings":"qJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQC,MAAM,CAAC,IAAML,EAAIM,SAASN,EAAIO,eAAeL,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,MAAM,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,OAAOC,KAAKC,UAAUV,EAAG,MAAM,CAACE,YAAY,MAAM,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,OAAOC,KAAKE,gBAAgBX,EAAGF,EAAIc,cAAc,CAACC,IAAI,eAAe,EACza,EACIC,EAAkB,GCatB,GACAC,KAAA,cACAC,MAAA,CACA,EAEAC,IAAAA,GACA,OACAZ,WAAA,GACAO,cAAA,GAEA,EACAM,WAAA,CAEAC,UAAAA,IAAA,+BACAC,IAAAA,IAAA,gCAEAC,MAAA,CAEAb,OAAA,CAEAc,OAAAA,CAAAC,EAAAC,GAIAD,EAAAd,KAAAL,WACA,KAAAC,WAAAkB,EAAAd,KAAAL,UAEA,QAAAmB,EAAAd,KAAAC,MACA,KAAAE,cAAA,YACA,QAAAW,EAAAd,KAAAC,QACA,KAAAE,cAAA,MAEA,EACAa,MAAA,EACAC,WAAA,IAGAC,SAAA,CAEAvB,QAAAA,GACA,gBAAAwB,GAEA,IAAAC,EAAAD,EACA,OAAAA,EAAAE,EAAAA,MAAAA,CAAA,KAAAD,KAAA,EACA,CACA,GAEAE,QAAA,WAKA,EACAC,UAAA,WACA,EAEAC,QAAA,CACA,EAEAC,aAAA,WACA,EAEAC,QAAA,WACA,EAEAC,YAAA,WACA,EAEAC,aAAA,WACA,EAEAC,QAAA,WAGA,EAEAC,cAAA,WACA,EAEAC,UAAA,WACA,GC/F6P,I,qBCQzPC,GAAY,OACd,EACA5C,EACAiB,GACA,EACA,KACA,WACA,MAIF,EAAe2B,EAAiB,O,uFChB5BC,EAA0B,IAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,yzBAA0zB,KAEn2B,c,wBCJA,IAAIC,EAAU,EAAQ,OACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACF,EAAOC,GAAIC,EAAS,MAC7DA,EAAQG,SAAQL,EAAOM,QAAUJ,EAAQG,QAE5C,IAAIE,EAAM,WACGA,EAAI,WAAYL,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,G","sources":["webpack://demo/./src/components/lianxiwomen/index.vue","webpack://demo/src/components/lianxiwomen/index.vue","webpack://demo/./src/components/lianxiwomen/index.vue?5764","webpack://demo/./src/components/lianxiwomen/index.vue?471b","webpack://demo/./src/components/lianxiwomen/index.vue?a813","webpack://demo/./src/components/lianxiwomen/index.vue?79c3"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"xwzx\"},[_c('div',{staticClass:\"topHeard\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":_vm.heardImg(_vm.heardImgbl)}}),_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"ch\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_c('div',{staticClass:\"en\"},[_vm._v(_vm._s(_vm.$route.meta.titleEn))])])]),_c(_vm.componentName,{tag:\"component\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"xwzx\">\r\n    <div class=\"topHeard\">\r\n      <img :src=\"heardImg(heardImgbl)\" class=\"w-100\" />\r\n      <div class=\"title\">\r\n        <div class=\"ch\">{{ $route.meta.title }}</div>\r\n        <div class=\"en\">{{ $route.meta.titleEn }}</div>\r\n      </div>\r\n    </div>\r\n     <component :is=\"componentName\"></component>\r\n   \r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"lianxiwomen\",\r\n  props: {\r\n    //传值\r\n  },\r\n  data() {\r\n    return {\r\n      heardImgbl: \"\",\r\n      componentName:\"\",\r\n    };\r\n  },\r\n  components: {\r\n    //引入模块\r\n    contactus: () => import(\"@/components/lianxiwomen/contactus\"),\r\n    job: () => import(\"@/components/lianxiwomen/job\"),\r\n  },\r\n  watch: {\r\n    // watch擅长处理的场景：一个数据影响多个数据\r\n    $route: {\r\n      // $route可以用引号，也可以不用引号\r\n      handler(to, from) {\r\n        // console.log(\"路由变化了\");\r\n        // console.log(\"当前页面路由：\" + to); //新路由信息\r\n        // console.log(\"上一个路由：\" + from); //老路由信息\r\n        if (to.meta.heardImg) {\r\n          this.heardImgbl = to.meta.heardImg;\r\n        }\r\n        if(to.meta.title==\"联系我们\"){\r\n          this.componentName=\"contactus\";\r\n        }else if(to.meta.title==\"人才招聘\"){\r\n          this.componentName=\"job\";\r\n        }\r\n      },\r\n      deep: true, // 深度观察监听\r\n      immediate: true, // 第一次初始化渲染就可以监听到\r\n    },\r\n  },\r\n  computed: {\r\n    // computed擅长处理的场景：一个数据受多个数据影响\r\n    heardImg() {\r\n      return function (img) {\r\n        console.log(img);\r\n        var str = img;\r\n        return img ? require(`@/assets/img/${str}`) : \"\";\r\n      };\r\n    },\r\n  },\r\n  mounted: function () {\r\n    // 编译好的HTML挂载到页面完成后执行的事件钩子\r\n    // el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。\r\n    // 此钩子函数中一般会做一些ajax请求获取数据进行数据初始化\r\n    console.log(\"lianxiwomen\");\r\n  },\r\n  activated: function () {\r\n    // 狗子触发顺序最后时执行，当再次进入（前进或者后退）时，只触发activated\r\n  },\r\n  methods: {\r\n    // 组件的方法\r\n  },\r\n  beforeCreate: function () {\r\n    // 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。\r\n  },\r\n  created: function () {\r\n    // 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，el 属性目前不可见。\r\n  },\r\n  beforeMount: function () {\r\n    // 在挂载开始之前被调用：相关的 render 函数首次被调用。\r\n  },\r\n  beforeUpdate: function () {\r\n    // 数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。 你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。\r\n  },\r\n  updated: function () {\r\n    // 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。\r\n    // 当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态，因为这可能会导致更新无限循环。\r\n    // 该钩子在服务器端渲染期间不被调用。\r\n  },\r\n  beforeDestroy: function () {\r\n    // 实例销毁之前调用。在这一步，实例仍然完全可用。\r\n  },\r\n  destroyed: function () {\r\n    // Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 该钩子在服务器端渲染期间不被调用。\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n$design-width: 192;\r\n@function pxttrem($px) {\r\n  @return calc($px/$design-width) * 10 + rem;\r\n}\r\n.xwzx {\r\n  background: #f7f7f7;\r\n  .topHeard {\r\n    //   height: calc(100vh - 420px);\r\n    position: relative;\r\n    .title {\r\n      position: absolute;\r\n      bottom: 19%;\r\n      left: 13%;\r\n      font-family: PingFang SC, PingFang SC;\r\n      font-weight: 400;\r\n      font-size: pxttrem(36);\r\n      color: #ffffff;\r\n      line-height: pxttrem(42);\r\n      text-align: left;\r\n      font-style: normal;\r\n      text-transform: none;\r\n      .ch {\r\n        font-size: pxttrem(40);\r\n        line-height: pxttrem(47);\r\n      }\r\n      .en {\r\n        opacity: 0.5;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2f053276&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=2f053276&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2f053276\",\n  null\n  \n)\n\nexport default component.exports","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"[data-v-2f053276]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;TopmenuBg:#304156;TopmenuText:#bfcbd9;TopmenuActiveText:#409eff;TopsubMenuActiveText:#f4f4f5;TopmenuHover:#001528;TopsubMenuHover:#001528;TopPadding:240px;TopHeight:60px;menuHover:#001528;subMenuHover:#001528;sideBarWidth:210px;main-height:130px}.xwzx[data-v-2f053276]{background:#f7f7f7}.xwzx .topHeard[data-v-2f053276]{position:relative}.xwzx .topHeard .title[data-v-2f053276]{position:absolute;bottom:19%;left:13%;font-family:PingFang SC;font-weight:400;font-size:1.875rem;color:#fff;line-height:2.1875rem;text-align:left;font-style:normal;text-transform:none}.xwzx .topHeard .title .ch[data-v-2f053276]{font-size:2.0833333333rem;line-height:2.4479166667rem}.xwzx .topHeard .title .en[data-v-2f053276]{opacity:.5}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2f053276&prod&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"6fc6a74c\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"names":["render","_vm","this","_c","_self","staticClass","attrs","heardImg","heardImgbl","_v","_s","$route","meta","title","titleEn","componentName","tag","staticRenderFns","name","props","data","components","contactus","job","watch","handler","to","from","deep","immediate","computed","img","str","require","mounted","activated","methods","beforeCreate","created","beforeMount","beforeUpdate","updated","beforeDestroy","destroyed","component","___CSS_LOADER_EXPORT___","push","module","id","content","__esModule","default","locals","exports","add"],"sourceRoot":""}