{"version":3,"sources":["webpack:///./src/views/app-site/about.vue?7994","webpack:///src/views/app-site/about.vue","webpack:///./src/views/app-site/about.vue?faba","webpack:///./src/views/app-site/about.vue?86fb","webpack:///./src/views/app-site/about.vue?44c0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","background","textImage","_v","_s","company","slogan","staticStyle","logo","facadeImage","introduce","staticRenderFns","name","data","computed","watch","enterpriseMap","newVal","developerMap","companyCN","companyEN","aboutMap","aboutTI","aboutBG","facadeIMG","logoIMG","created","store","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,GAAKP,EAAIQ,WAAW,SAAWR,EAAIQ,WAAW,OAAS,QAAQ,aAAe,UAAU,CAACJ,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIS,eAAeL,EAAG,KAAK,CAACE,YAAY,YAAY,CAACN,EAAIU,GAAG,cAAcN,EAAG,sBAAsBA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,YAAYR,EAAG,IAAI,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIa,aAAaT,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACU,YAAY,CAAC,OAAS,QAAQP,MAAM,CAAC,IAAMP,EAAIe,YAAYX,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIgB,eAAeZ,EAAG,IAAI,CAACE,YAAY,aAAa,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIiB,kBAAkBb,EAAG,eAAe,IAC53Bc,EAAkB,G,4DCsCtB,GACEC,KAAM,UACNC,KAFF,WAGI,MAAO,CACLR,QAAS,KACTC,OAAQ,KACRE,KAAM,KACNN,UAAW,KACXD,WAAY,KACZQ,YAAa,KACbC,UAAW,OAGfI,SAAU,OAAZ,OAAY,CAAZ,GACA,gBACI,cAAJ,uBACI,aAAJ,sBACI,SAAJ,qBAGEC,MAAO,CACLC,cADJ,SACA,GACMtB,KAAKgB,UAAYO,EAAOP,WAE1BQ,aAJJ,SAIA,GACMxB,KAAKW,QAAUY,EAAOE,UACtBzB,KAAKY,OAASW,EAAOG,WAEvBC,SARJ,SAQA,GACM3B,KAAKQ,UAAYe,EAAOK,QACxB5B,KAAKO,WAAagB,EAAOM,QACzB7B,KAAKe,YAAcQ,EAAOO,UAC1B9B,KAAKc,KAAOS,EAAOQ,UAGvBC,QAnCF,WAoCIC,EAAJ,2CACIA,EAAJ,uCC5E8V,I,wBCQ1VC,EAAY,eACd,EACApC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,2CCnBf,W","file":"js/chunk-dfe447dc.43fcd810.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ad-about\"},[_c('moe-header',{attrs:{\"bg\":_vm.background,\"mobileBg\":_vm.background,\"height\":\"470px\",\"mobileHeight\":\"320px\"}},[_c('div',{staticClass:\"banner-text-container\"},[_c('div',{staticClass:\"en-title\"},[_c('img',{attrs:{\"src\":_vm.textImage}})]),_c('h1',{staticClass:\"cn-title\"},[_vm._v(\"关于我们\")])])]),_c('moe-navigation-bar'),_c('div',{staticClass:\"content-container\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"tit\"},[_c('h2',[_vm._v(_vm._s(_vm.company))]),_c('p',[_vm._v(_vm._s(_vm.slogan))])]),_c('div',{staticClass:\"pic\"},[_c('img',{staticStyle:{\"height\":\"54px\"},attrs:{\"src\":_vm.logo}})])]),_c('div',{staticClass:\"content\"},[_c('img',{attrs:{\"src\":_vm.facadeImage}}),_c('p',{staticClass:\"introduce\"},[_vm._v(_vm._s(_vm.introduce))])])]),_c('moe-footer')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ad-about\">\n    <moe-header :bg=\"background\" :mobileBg=\"background\" height=\"470px\" mobileHeight=\"320px\">\n      <div class=\"banner-text-container\">\n        <div class=\"en-title\">\n          <img :src=\"textImage\" />\n        </div>\n        <h1 class=\"cn-title\">关于我们</h1>\n      </div>\n    </moe-header>\n\n    <moe-navigation-bar />\n\n    <div class=\"content-container\">\n      <div class=\"title\">\n        <div class=\"tit\">\n          <h2>{{ company }}</h2>\n          <p>{{ slogan }}</p>\n        </div>\n        <div class=\"pic\">\n          <img :src=\"logo\" style=\"height: 54px\">\n        </div>\n      </div>\n      <div class=\"content\">\n        <img :src=\"facadeImage\" />\n        <p class=\"introduce\">{{ introduce }}</p>\n      </div>\n    </div>\n\n    <moe-footer />\n  </div>\n</template>\n\n<script>\nimport { IMAGES } from \"@/settings\"\nimport { actions, getters } from \"@/store/helper\"\nimport { mapGetters } from \"vuex\"\nimport store from \"@/store\"\n\nexport default {\n  name: 'AboutUs',\n  data() {\n    return {\n      company: null,\n      slogan: null,\n      logo: null,\n      textImage: null,\n      background: null,\n      facadeImage: null,\n      introduce: null,\n    }\n  },\n  computed: {\n    ...mapGetters({\n      enterpriseMap: getters.site.enterprise,\n      developerMap: getters.site.developer,\n      aboutMap: getters.site.about,\n    }),\n  },\n  watch: {\n    enterpriseMap(newVal) {\n      this.introduce = newVal.introduce\n    },\n    developerMap(newVal) {\n      this.company = newVal.companyCN\n      this.slogan = newVal.companyEN\n    },\n    aboutMap(newVal) {\n      this.textImage = newVal.aboutTI\n      this.background = newVal.aboutBG\n      this.facadeImage = newVal.facadeIMG\n      this.logo = newVal.logoIMG\n    },\n  },\n  created() {\n    store.dispatch(actions.site.fetchEnterprise)\n    store.dispatch(actions.site.fetchSite)\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@media (max-width: 768px) {\n  .ad-about {\n    .banner-text-container {\n      display: none !important;\n    }\n    .content-container {\n      width: 100%;\n      max-width: 100%;\n      margin: -50px auto auto auto !important;\n      padding: 20px;\n      border-top-left-radius: 20px;\n      border-top-right-radius: 20px;\n      border-bottom-left-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n      .title {\n        width: 100% !important;\n        height: auto !important;\n        padding-top: 30px !important;\n        .tit {\n          h2 {\n            font-size: 18px !important;\n          }\n          p {\n            font-size: 9px !important;\n          }\n        }\n        .pic {\n          display: none !important;\n          img {\n            height: 54px;\n          }\n        }\n      }\n      //img {\n      //  width: 100% !important;\n      //}\n    }\n    .content {\n      width: 100% !important;\n      margin: 30px auto auto auto !important;\n      padding-bottom: 30px !important;\n      img {\n        display: none;\n        width: 100% !important;\n        height: auto !important;\n      }\n      p {\n        font-size: 13px !important;\n        margin-bottom: 30px !important;\n        &:last-child {\n          margin-bottom: 0px !important;\n        }\n      }\n    }\n\n    .footer-container {\n      margin-top: 0px !important;\n    }\n  }\n}\n.ad-about {\n  width: 100%;\n  background: #f6f9fa;\n  .banner-text-container {\n    max-width: 1180px;\n    height: 100%;\n    text-align: center;\n    padding-top: 175px;\n    h1 {\n      font-size: 20px;\n      font-weight: 600;\n      color: #ffffff;\n      margin-top: 18px;\n    }\n  }\n\n  .content-container {\n    max-width: 1180px;\n    box-sizing: border-box;\n    margin: -170px auto auto auto;\n    background: #ffffff;\n    border-radius: 20px;\n    position: relative;\n    z-index: 10;\n    .title {\n      width: 948px;\n      height: 170px;\n      box-sizing: border-box;\n      margin: 0px auto auto auto;\n      display: flex;\n      align-items: flex-start;\n      padding-top: 100px;\n\n      .tit {\n        flex: 1;\n        h2 {\n          font-size: 30px;\n          font-weight: 600;\n          color: #222222;\n        }\n        p {\n          font-size: 16px;\n          font-weight: 400;\n          color: #999999;\n          letter-spacing: 2px;\n        }\n      }\n    }\n  }\n  .content {\n    width: 948px;\n    margin: 80px auto;\n    padding-bottom: 100px;\n    img {\n      width: 948px;\n      height: 270px;\n      margin-bottom: 50px;\n      border-radius: 12px;\n      object-fit: cover;\n    }\n    //p {\n    //  font-size: 14px;\n    //  font-weight: 400;\n    //  color: #222222;\n    //  line-height: 32px;\n    //  margin-bottom: 45px;\n    //}\n    .introduce {\n      font-size: 1.1rem;\n      line-height: 2rem;\n      font-weight: 400;\n      color: #222222;\n      //text-indent: 2em;       // 首行缩进\n      white-space: pre-line;    // 识别换行\n      overflow: hidden;\n      margin-bottom: 45px;\n    }\n  }\n\n  .footer-container {\n    margin-top: 100px;\n  }\n}\n</style>\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!./about.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!./about.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./about.vue?vue&type=template&id=5798d404&scoped=true&\"\nimport script from \"./about.vue?vue&type=script&lang=js&\"\nexport * from \"./about.vue?vue&type=script&lang=js&\"\nimport style0 from \"./about.vue?vue&type=style&index=0&id=5798d404&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  \"5798d404\",\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/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!./about.vue?vue&type=style&index=0&id=5798d404&lang=scss&scoped=true&\""],"sourceRoot":""}