{"version":3,"sources":["webpack:///./src/views/brand/development.vue?b929","webpack:///src/views/brand/development.vue","webpack:///./src/views/brand/development.vue?ae06","webpack:///./src/views/brand/development.vue","webpack:///./src/views/brand/development.vue?2ea2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","_v","_s","val_one","title","directives","name","rawName","value","stateimgBaseURL","imga_path","expression","attrs","domProps","recom","staticRenderFns","data","dataData","computed","created","dataRequestbrandstore_developHistory","methods","$api","user","brandstore_developHistory","then","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,0DAA0D,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2BN,EAAIO,GAAIP,EAAY,UAAE,SAASQ,EAAKC,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAMH,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACN,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKK,YAAYT,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKM,UAAUV,EAAG,MAAM,CAACW,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOlB,EAAImB,gBAAgBX,EAAKY,UAAWC,WAAW,mCAAmCf,YAAY,+BAA+BgB,MAAM,CAAC,IAAM,MAAMlB,EAAG,MAAM,CAACE,YAAY,WAAWiB,SAAS,CAAC,UAAYvB,EAAIY,GAAGJ,EAAKgB,iBAAgB,cACv7BC,EAAkB,G,wBC2BtB,GACEC,KADF,WAEI,MAAO,CACLC,SAAU,KAGdC,SAAU,OAAZ,OAAY,CAAZ,GACA,qCAEEC,QATF,WAUI5B,KAAK6B,wCAEPC,QAAS,CAEPD,qCAFJ,WAEA,WACM7B,KAAK+B,KAAKC,KAAKC,4BAA4BC,MAAK,SAAtD,GACQ,EAAR,2BC5CoW,I,wBCQhWC,EAAY,eACd,EACArC,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,2CCnBf","file":"js/chunk-4459b510.806a149c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"develop\"},[_c('div',{staticClass:\"develop-upper com-padding-top-90 com-padding-bottom-50\"},[_c('div',{staticClass:\"com-content-1340 com-content\"},[_c('div',{staticClass:\"dn-lower\"},[_c('div',{staticClass:\"swiper-container swiper1\"},[_c('div',{staticClass:\"swiper-wrapper wrapper1\"},_vm._l((_vm.dataData),function(item,index){return _c('div',{key:index,staticClass:\"swiper-slide slide1\"},[_c('div',{staticClass:\"dp-cont\"},[_c('div',{staticClass:\"dp-time1\"},[_vm._v(_vm._s(item.val_one))]),_c('div',{staticClass:\"dp-ti1\"},[_vm._v(_vm._s(item.title))]),_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.stateimgBaseURL+item.imga_path),expression:\"stateimgBaseURL+item.imga_path\"}],staticClass:\"dp-img1 com-object-fit-cover\",attrs:{\"alt\":\"\"}}),_c('div',{staticClass:\"dp-intr1\",domProps:{\"innerHTML\":_vm._s(item.recom)}})])])}),0)])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"develop\">\r\n    <div class=\"develop-upper com-padding-top-90 com-padding-bottom-50\">\r\n      <div class=\"com-content-1340 com-content\">\r\n        <div class=\"dn-lower\">\r\n          <div class=\"swiper-container swiper1\">\r\n            <div class=\"swiper-wrapper wrapper1\">\r\n              <div class=\"swiper-slide slide1\"\r\n                   v-for=\"(item, index) in dataData\" :key=\"index\">\r\n                <div class=\"dp-cont\">\r\n                  <div class=\"dp-time1\">{{ item.val_one }}</div>\r\n                  <div class=\"dp-ti1\">{{ item.title }}</div>\r\n                  <img v-lazy=\"stateimgBaseURL+item.imga_path\"\r\n                       alt=\"\" class=\"dp-img1 com-object-fit-cover\">\r\n                  <div class=\"dp-intr1\" v-html=\"item.recom\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {mapState} from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      dataData: [],\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState(['stateimgBaseURL'])\r\n  },\r\n  created() {\r\n    this.dataRequestbrandstore_developHistory()\r\n  },\r\n  methods: {\r\n    // GET发展历程\r\n    dataRequestbrandstore_developHistory() {\r\n      this.$api.user.brandstore_developHistory().then(res => {\r\n        this.dataData = res.data.list\r\n      })\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.develop {\r\n  .dn-lower {\r\n    .swiper1 {\r\n      &:before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 0;\r\n        width: 2px;\r\n        height: 100%;\r\n        background: $line1;\r\n      }\r\n\r\n      .wrapper1 {\r\n        flex-wrap: wrap;\r\n      }\r\n\r\n      .slide1 {\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        &:nth-of-type(even) {\r\n          flex-direction: row-reverse;\r\n          text-align: right;\r\n        }\r\n\r\n        .dp-cont {\r\n          width: 50%;\r\n          position: relative;\r\n          padding: 0 5%;\r\n\r\n          &:before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 36px;\r\n            width: 100%;\r\n            height: 1px;\r\n            background: $line1;\r\n          }\r\n\r\n          .dp-time1 {\r\n            font-size: 30px;\r\n            color: #333333;\r\n          }\r\n\r\n          .dp-ti1 {\r\n            font-size: 18px;\r\n            margin: 10px 0 10px;\r\n          }\r\n\r\n          .dp-img1 {\r\n            width: 200px;\r\n            height: 100px;\r\n          }\r\n\r\n          .dp-intr1 {\r\n            margin: 10px 0 0;\r\n            line-height: 24px;\r\n          }\r\n\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .develop {\r\n    .dn-lower {\r\n      .swiper1 {\r\n        &:before {\r\n          display: none;\r\n        }\r\n\r\n\r\n        .slide1 {\r\n          padding: 20*$mobile-conversion 0;\r\n\r\n          .dp-cont {\r\n            width: 100%;\r\n            padding: 0 !important;\r\n\r\n            &:before {\r\n              top: 45*$mobile-conversion;\r\n            }\r\n\r\n            .dp-time1 {\r\n              font-size: 36*$mobile-conversion;\r\n            }\r\n\r\n            .dp-ti1 {\r\n              font-size: 28*$mobile-conversion;\r\n              margin: 10*$mobile-conversion 0;\r\n            }\r\n\r\n            .dp-img1 {\r\n              width: 200*$mobile-conversion;\r\n              height: 100*$mobile-conversion;\r\n            }\r\n\r\n            .dp-intr1 {\r\n              margin: 10*$mobile-conversion 0 0;\r\n              line-height: 40*$mobile-conversion;\r\n            }\r\n\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./development.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!./development.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./development.vue?vue&type=template&id=4c8a7846&scoped=true&\"\nimport script from \"./development.vue?vue&type=script&lang=js&\"\nexport * from \"./development.vue?vue&type=script&lang=js&\"\nimport style0 from \"./development.vue?vue&type=style&index=0&id=4c8a7846&scoped=true&lang=scss&\"\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  \"4c8a7846\",\n  null\n  \n)\n\nexport default component.exports","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!./development.vue?vue&type=style&index=0&id=4c8a7846&scoped=true&lang=scss&\""],"sourceRoot":""}