{"version":3,"sources":["webpack:///./src/views/cloud/index.vue","webpack:///./src/components/common/CloudSeversSwiper.vue","webpack:///src/components/common/CloudSeversSwiper.vue","webpack:///./src/components/common/CloudSeversSwiper.vue?1252","webpack:///./src/components/common/CloudSeversSwiper.vue?c473","webpack:///src/views/cloud/index.vue","webpack:///./src/views/cloud/index.vue?e0ab","webpack:///./src/views/cloud/index.vue?856f","webpack:///./src/components/common/CloudSeversSwiper.vue?caee","webpack:///./src/assets/img/cloud/4.jpg","webpack:///./src/components/common/TwoColMulRow.vue?4aa1","webpack:///./src/assets/img/cloud/two.jpg","webpack:///./src/assets/img/cloud/3.jpg","webpack:///./src/assets/img/cloud/one.jpg","webpack:///./src/assets/img/cloud/icon-three.png","webpack:///./src/assets/img/cloud/three.jpg","webpack:///./src/assets/img/cloud/1.jpg","webpack:///./src/assets/img/cloud/2.jpg","webpack:///./src/assets/img/cloud/icon-one.png","webpack:///./src/assets/img/cloud/icon-fore.png","webpack:///./src/views/cloud/index.vue?3a52","webpack:///./src/components/common/TwoColMulRow.vue","webpack:///src/components/common/TwoColMulRow.vue","webpack:///./src/components/common/TwoColMulRow.vue?eee4","webpack:///./src/components/common/TwoColMulRow.vue?72ab","webpack:///./src/assets/img/cloud/icon-two.png"],"names":["render","_vm","this","_c","_self","staticClass","_m","attrs","columnList","staticRenderFns","_v","_l","dataList","item","index","key","class","selectIndex","on","$event","onChangeTransitionEnd","bgImg","_s","title","desc","children","_item","_index","name","data","require","methods","component","components","CloudSeversSwiper","TwoColMulRow","icon","oneTitle","twoTitle","mounted","$wow","WOW","init","boxClass","animateClass","offset","mobile","live","module","exports","_e","items","v","k","props","type","Array","default"],"mappings":"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","file":"js/chunk-1c08a7a9.831f210d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cloud\"},[_vm._m(0),_c('div',{staticClass:\"cloud-service\"},[_vm._m(1),_c('div',{staticClass:\"irregular-column container mx-auto\"},[_c('CloudSeversSwiper')],1)]),_c('div',{staticClass:\"cloud-user-experience\"},[_vm._m(2),_c('div',{staticClass:\"irregular-column container mx-auto\"},[_c('TwoColMulRow',{attrs:{\"dataList\":_vm.columnList}})],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"header-banner\"},[_c('div',{staticClass:\"container mx-auto title-box\"},[_c('h1',{staticClass:\"banner-one-title\"},[_vm._v(\"海量权益产品任你挑选\")]),_c('h1',{staticClass:\"banner-two-title\"},[_vm._v(\"批量采购    API接口    线下采购    H5页面定制\")]),_c('button',{staticClass:\"btn-line\"},[_vm._v(\"获取需求\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container mx-auto\"},[_c('h2',{staticClass:\"three-leave-title\"},[_vm._v(\"璐付云链\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container mx-auto\"},[_c('h2',{staticClass:\"three-leave-title\"},[_vm._v(\"提供良好的用户体验\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cloud-news\"},[_c('div',{staticClass:\"flex\"},_vm._l((_vm.dataList),function(item,index){return _c('div',{key:index,class:[\n        'cloud-news-swiper-slide',\n        'flex',\n        'align-end',\n        index === _vm.selectIndex && 'cloud-news-swiper-slide-selected'\n      ],on:{\"mouseenter\":function($event){return _vm.onChangeTransitionEnd(index)}}},[_c('img',{attrs:{\"src\":item.bgImg}}),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"desc\"},[_vm._v(_vm._s(item.desc))]),_c('div',{staticClass:\"items flex flex-wrap justify-between\"},_vm._l((item.children),function(_item,_index){return _c('div',{key:_index,staticClass:\"item\"},[_vm._v(_vm._s(_item.title))])}),0)]),_c('div',{staticClass:\"cloud-news-swiper-slide-mask\"})])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"cloud-news\">\n    <div class=\"flex\">\n      <div\n        :class=\"[\n          'cloud-news-swiper-slide',\n          'flex',\n          'align-end',\n          index === selectIndex && 'cloud-news-swiper-slide-selected'\n        ]\"\n        v-for=\"(item, index) in dataList\"\n        :key=\"index\"\n        @mouseenter=\"onChangeTransitionEnd(index)\"\n      >\n        <img :src=\"item.bgImg\" />\n        <div class=\"content\">\n          <div class=\"title\">{{ item.title }}</div>\n          <p class=\"desc\">{{ item.desc }}</p>\n          <div class=\"items flex flex-wrap justify-between\">\n            <div class=\"item\" v-for=\"(_item, _index) in item.children\" :key=\"_index\">{{ _item.title }}</div>\n          </div>\n        </div>\n        <div class=\"cloud-news-swiper-slide-mask\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/** 璐付云链 */\nexport default {\n  name: 'CloudSeversSwiper',\n  data() {\n    return {\n      selectIndex: 1,\n      dataList: [\n        {\n          title: '服务专业稳定',\n          desc: '标准采购、高效专业、售后无忧',\n          bgImg: require('@/assets/img/cloud/one.jpg'),\n          children: [\n            {\n              title: '优质服务保障'\n            },\n            {\n              title: '活动服务专属管控'\n            },\n            {\n              title: '专业运维'\n            }\n          ]\n        },\n        {\n          title: '稳定高效',\n          desc: '专业技术团队潜心打造',\n          bgImg: require('@/assets/img/cloud/two.jpg'),\n          children: [\n            {\n              title: '资深设计团队打造'\n            },\n            {\n              title: '支持API对接'\n            },\n            {\n              title: '支持非PAI解决方案'\n            },\n            {\n              title: '稳定专业'\n            }\n          ]\n        },\n        {\n          title: '商品丰富多样',\n          desc: '10万+商品满足多种需求',\n          bgImg: require('@/assets/img/cloud/three.jpg'),\n          children: [\n            {\n              title: '直连直采'\n            },\n            {\n              title: '快速充值'\n            },\n            {\n              title: '商品直连自由选'\n            }\n          ]\n        }\n      ]\n    };\n  },\n  methods: {\n    onChangeTransitionEnd(index) {\n      this.selectIndex = index;\n    }\n  }\n};\n</script>\n<style scoped lang=\"less\">\n.cloud-news {\n  width: 100%;\n  padding-bottom: 50px;\n  .cloud-news-swiper-slide {\n    height: 524px;\n    cursor: pointer;\n    img {\n      height: 100%;\n      // width: 100%;\n      width: 524px;\n      transform: translate(0, 0);\n      transition-duration: 300ms;\n      transition-property: transform, opacity;\n      transition-timing-function: ease-in;\n      border-radius: 6px;\n    }\n    position: relative;\n    .content {\n      width: 100%;\n      height: 176px;\n      background-color: #102157;\n      padding: 22px 44px 33px 49px;\n      transform: translate(0, 0);\n      transition-duration: 300ms;\n      transition-property: transform, opacity;\n      transition-timing-function: ease-in;\n      position: absolute;\n      z-index: 10;\n      .title {\n        color: @lupay-text-color-white;\n        font-size: 16px;\n        margin: 5px 0;\n        padding: 0 10px;\n        position: relative;\n      }\n      .title::before {\n        content: '';\n        position: absolute;\n        width: 2px;\n        height: 17px;\n        background-color: rgba(61, 238, 228, 1);\n        left: 0px;\n        top: 4px;\n      }\n      .desc {\n        color: @lupay-text-color-white;\n        font-size: 14px;\n        margin-left: 12px;\n      }\n      .items {\n        .item {\n          color: rgba(255, 255, 255, 1);\n          font-size: 14px;\n          position: relative;\n          padding-left: 12px;\n          margin-top: 20px;\n          width: 140px;\n        }\n        .item:before {\n          content: '';\n          position: absolute;\n          width: 8px;\n          height: 8px;\n          background-color: rgba(61, 238, 228, 1);\n          left: -2px;\n          top: 7px;\n          border-radius: 50%;\n        }\n      }\n    }\n    .cloud-news-swiper-slide-mask {\n      position: absolute;\n      width: 100%;\n      height: 524px;\n      background: #000;\n      opacity: 0.6;\n      transform: translate(0, 0);\n      transition-duration: 300ms;\n      transition-property: transform, opacity;\n      transition-timing-function: ease-in;\n      filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);\n      z-index: 11;\n    }\n  }\n  .cloud-news-swiper-slide:hover {\n    img {\n      transform: scale(1.05, 1.05);\n      z-index: 200;\n      border-radius: 6px;\n    }\n    .content {\n      display: inline-block;\n      opacity: 1;\n      transform: translate(0px, 20px) scaleX(1.05);\n      z-index: 200;\n      width: 100%;\n      background-color: rgba(34, 78, 219, 1);\n      border-bottom-right-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n    .cloud-news-swiper-slide-mask {\n      position: absolute;\n      width: 100%;\n      height: 524px;\n      background: #000;\n      opacity: 0;\n      transform: translate(0, 0);\n      transform: scale(1.05, 1.05);\n      z-index: 201;\n    }\n  }\n  .cloud-news-swiper-slide-selected {\n    img {\n      transform: scale(1.05, 1.05);\n      z-index: 200;\n      border-radius: 6px;\n    }\n    .content {\n      display: inline-block;\n      opacity: 1;\n      transform: translate(0px, 20px) scaleX(1.05);\n      z-index: 200;\n      background-color: rgba(34, 78, 219, 1);\n      border-bottom-right-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n    .cloud-news-swiper-slide-mask {\n      position: absolute;\n      width: 100%;\n      height: 524px;\n      background: #000;\n      opacity: 0;\n      transform: scale(1.05, 1.05);\n      transform: translate(0, 0);\n      z-index: 200;\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!./CloudSeversSwiper.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!./CloudSeversSwiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CloudSeversSwiper.vue?vue&type=template&id=61352837&scoped=true&\"\nimport script from \"./CloudSeversSwiper.vue?vue&type=script&lang=js&\"\nexport * from \"./CloudSeversSwiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CloudSeversSwiper.vue?vue&type=style&index=0&id=61352837&prod&scoped=true&lang=less&\"\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  \"61352837\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"cloud\">\n    <!-- 顶部图 -->\n    <div class=\"header-banner\">\n      <div class=\"container mx-auto title-box\">\n        <h1 class=\"banner-one-title\">海量权益产品任你挑选</h1>\n        <h1 class=\"banner-two-title\">批量采购 &nbsp;&nbsp; API接口 &nbsp;&nbsp; 线下采购 &nbsp;&nbsp; H5页面定制</h1>\n        <button class=\"btn-line\">获取需求</button>\n      </div>\n    </div>\n    <!-- 开放平台服务 -->\n    <div class=\"cloud-service\">\n      <div class=\"container mx-auto\">\n        <h2 class=\"three-leave-title\">璐付云链</h2>\n      </div>\n      <div class=\"irregular-column container mx-auto\">\n        <CloudSeversSwiper />\n      </div>\n    </div>\n    <!-- 提供良好的用户体验 -->\n    <div class=\"cloud-user-experience\">\n      <div class=\"container mx-auto\">\n        <h2 class=\"three-leave-title\">提供良好的用户体验</h2>\n      </div>\n      <div class=\"irregular-column container mx-auto\">\n        <TwoColMulRow :dataList=\"columnList\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// components\nimport CloudSeversSwiper from '@/components/common/CloudSeversSwiper';\nimport TwoColMulRow from '@/components/common/TwoColMulRow';\n\nexport default {\n  components: { CloudSeversSwiper, TwoColMulRow },\n  data() {\n    return {\n      columnList: [\n        {\n          icon: require('@/assets/img/cloud/icon-one.png'),\n          bgImg: require('@/assets/img/cloud/1.jpg'),\n          oneTitle: '优质货源',\n          twoTitle: '',\n          desc: '整合优质供应资源、品牌源头商品，全网价格最优。100%品牌产品，100%正品保障。'\n        },\n        {\n          icon: require('@/assets/img/cloud/icon-two.png'),\n          bgImg: require('@/assets/img/cloud/2.jpg'),\n          oneTitle: '丰富多样',\n          twoTitle: '',\n          desc: '各大品类，涵盖国内外知名品牌,保障每一款商品品质和服务质量。'\n        },\n        {\n          icon: require('@/assets/img/cloud/icon-three.png'),\n          bgImg: require('@/assets/img/cloud/3.jpg'),\n          oneTitle: '客户为本',\n          twoTitle: '',\n          desc: '关注用户需求，紧跟市场热点，每周上架新品；定制API标准接口一键轻松对接，免费获取海量商品池，为用户带来轻松、愉悦体验。'\n        },\n        {\n          icon: require('@/assets/img/cloud/icon-fore.png'),\n          bgImg: require('@/assets/img/cloud/4.jpg'),\n          oneTitle: '运营售后无忧',\n          twoTitle: '',\n          desc: '云仓处理智能化管理体系，通过线上系统处理订单，为企业节省仓储、运营管理成本；48小时内发货，国内一线物流快递服务，全国无盲点配送，商品轻松到家，7*15小时售后服务。'\n        }\n      ]\n    };\n  },\n  mounted() {\n    new this.$wow.WOW().init({\n      //新建实列\n      boxClass: 'wow', //class名字\n      animateClass: 'animate__animated', //animateclass动画库类名,和当前animate动画库决定\n      offset: 0, //到元素距离触发动画（当默认为0）\n      mobile: true, //在移动设备上触发动画（默认为true）\n      live: true //对异步加载的内容进行操作（默认为true）\n    });\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.cloud {\n  margin-bottom: 100px;\n  .header-banner {\n    height: 483px;\n    width: 100%;\n    background-image: url('../../assets/img/cloud/cloud-bg.png');\n    background-size: 100% 100%;\n    background-position: center;\n    background-size: center center;\n    .title-box {\n      padding-top: 99px;\n      .banner-one-title,\n      .banner-two-title {\n        margin-left: 45px;\n      }\n      .banner-two-title {\n        margin: 10px 45px;\n      }\n      .banner-two {\n        margin: 20px 45px 0 45px;\n        .btn {\n          width: 97px;\n          height: 34px;\n          border: 1px solid @lupay-text-color-theme;\n          border-radius: 17px;\n          margin-right: 10px;\n          color: @lupay-text-color-theme;\n        }\n      }\n      .btn-line {\n        margin-top: 80px;\n        margin-left: 49px;\n        border-radius: 6px;\n        position: relative;\n      }\n\n      .btn-line:hover::after {\n        content: '';\n        display: block;\n        width: 160px;\n        height: 160px;\n        top: 80px;\n        left: -1px;\n        position: absolute;\n        background-image: url('../../assets/img/lupaywechat.png');\n        background-size: 100% 100%;\n        padding: 2px;\n        border: 1px solid #f4f4f4;\n        opacity: 1;\n        transition-duration: 300ms;\n      }\n    }\n  }\n  .cloud-service {\n    margin-top: 70px;\n    .three-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n    }\n    .irregular-column {\n      margin-top: 70px;\n    }\n  }\n  .cloud-user-experience {\n    margin-top: 30px;\n    .three-leave-title {\n      color: rgba(0, 0, 0, 0.8);\n      font-size: 22px;\n      margin-left: 49px;\n    }\n    .irregular-column {\n      margin-top: 70px;\n    }\n  }\n  .fore-card {\n    margin-top: 40px;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=437a4b97&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=437a4b97&prod&lang=less&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  \"437a4b97\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CloudSeversSwiper.vue?vue&type=style&index=0&id=61352837&prod&scoped=true&lang=less&\"","module.exports = __webpack_public_path__ + \"img/4.0d718b5d.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TwoColMulRow.vue?vue&type=style&index=0&id=434b071d&prod&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/two.32879487.jpg\";","module.exports = __webpack_public_path__ + \"img/3.ae03e095.jpg\";","module.exports = __webpack_public_path__ + \"img/one.d359139f.jpg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/three.d87d2ace.jpg\";","module.exports = __webpack_public_path__ + \"img/1.924bc047.jpg\";","module.exports = __webpack_public_path__ + \"img/2.97e4b910.jpg\";","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=437a4b97&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"two-col\"},_vm._l((_vm.dataList),function(item,index){return _c('div',{key:index,staticClass:\"row flex\"},[_c('div',{staticClass:\"left flex-1\"},[(index % 2 === 0)?_c('img',{staticClass:\"bg-img\",attrs:{\"src\":item.bgImg}}):_c('div',{staticClass:\"content odd-right flex flex-col justify-center\"},[(item.icon)?_c('img',{staticClass:\"icon\",attrs:{\"src\":item.icon}}):_vm._e(),_c('p',{staticClass:\"one-title\"},[_vm._v(_vm._s(item.oneTitle || ''))]),_c('p',{staticClass:\"two-title\"},[_vm._v(_vm._s(item.twoTitle || ''))]),(!item.children && !item.oneTitle)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]):_vm._e(),(!item.children)?_c('p',{class:['desc', !item.children && !item.oneTitle && 'mt-20']},[_vm._v(_vm._s(item.desc))]):_vm._e(),_vm._l((item.children),function(_item,_index){return _c('div',{key:_index,staticClass:\"card\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_item.title))]),_c('div',{staticClass:\"flex align-center\"},_vm._l((_item.items),function(v,k){return _c('p',{key:k,staticClass:\"card-content\"},[_vm._v(\" \"+_vm._s(v.title)+\" \")])}),0)])})],2)]),_c('div',{staticClass:\"right flex-1\"},[(index % 2 === 1)?_c('img',{staticClass:\"bg-img\",attrs:{\"src\":item.bgImg}}):_c('div',{staticClass:\"content odd-right flex flex-col justify-center\"},[(item.icon)?_c('img',{staticClass:\"icon\",attrs:{\"src\":item.icon}}):_vm._e(),_c('p',{staticClass:\"one-title\"},[_vm._v(_vm._s(item.oneTitle || ''))]),_c('p',{staticClass:\"two-title\"},[_vm._v(_vm._s(item.twoTitle || ''))]),(!item.children && !item.oneTitle)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]):_vm._e(),(!item.children)?_c('p',{class:['desc', !item.children && !item.oneTitle && 'mt-20']},[_vm._v(_vm._s(item.desc))]):_vm._e(),_vm._l((item.children),function(_item,_index){return _c('div',{key:_index,staticClass:\"card\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_item.title))]),_c('div',{staticClass:\"flex align-center\"},_vm._l((_item.items),function(v,k){return _c('p',{key:k,staticClass:\"card-content\"},[_vm._v(\" \"+_vm._s(v.title)+\" \")])}),0)])})],2)])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"two-col\">\n    <div class=\"row flex\" v-for=\"(item, index) in dataList\" :key=\"index\">\n      <div class=\"left flex-1\">\n        <img :src=\"item.bgImg\" v-if=\"index % 2 === 0\" class=\"bg-img\" />\n        <div class=\"content odd-right flex flex-col justify-center\" v-else>\n          <img :src=\"item.icon\" v-if=\"item.icon\" class=\"icon\" />\n          <p class=\"one-title\">{{ item.oneTitle || '' }}</p>\n          <p class=\"two-title\">{{ item.twoTitle || '' }}</p>\n          <p class=\"title\" v-if=\"!item.children && !item.oneTitle\">{{ item.title }}</p>\n          <p :class=\"['desc', !item.children && !item.oneTitle && 'mt-20']\" v-if=\"!item.children\">{{ item.desc }}</p>\n          <div class=\"card\" v-for=\"(_item, _index) in item.children\" :key=\"_index\">\n            <p class=\"title\">{{ _item.title }}</p>\n            <div class=\"flex align-center\">\n              <p class=\"card-content\" v-for=\"(v, k) in _item.items\" :key=\"k\">\n                {{ v.title }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"right flex-1\">\n        <img :src=\"item.bgImg\" v-if=\"index % 2 === 1\" class=\"bg-img\" />\n        <div class=\"content odd-right flex flex-col justify-center\" v-else>\n          <img :src=\"item.icon\" v-if=\"item.icon\" class=\"icon\" />\n          <p class=\"one-title\">{{ item.oneTitle || '' }}</p>\n          <p class=\"two-title\">{{ item.twoTitle || '' }}</p>\n          <p class=\"title\" v-if=\"!item.children && !item.oneTitle\">{{ item.title }}</p>\n          <p :class=\"['desc', !item.children && !item.oneTitle && 'mt-20']\" v-if=\"!item.children\">{{ item.desc }}</p>\n          <div class=\"card\" v-for=\"(_item, _index) in item.children\" :key=\"_index\">\n            <p class=\"title\">{{ _item.title }}</p>\n            <div class=\"flex align-center\">\n              <p class=\"card-content\" v-for=\"(v, k) in _item.items\" :key=\"k\">\n                {{ v.title }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/** 两列多行组件 */\nexport default {\n  props: {\n    dataList: {\n      type: Array,\n      default: () => []\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.two-col {\n  .row {\n    height: 300px;\n    .left,\n    .right {\n      overflow: hidden;\n    }\n    .bg-img {\n      height: 100%;\n      width: 100%;\n      transform: scale(1);\n      transition-duration: 300ms;\n      transition-property: transform, opacity;\n      transition-timing-function: ease-in;\n      cursor: pointer;\n    }\n    .bg-img:hover {\n      transform: scale(1.2);\n      transition-duration: 300ms;\n      transition-property: transform, opacity;\n      transition-timing-function: ease-in;\n    }\n    .odd-right {\n      background: rgba(33, 67, 174, 1);\n    }\n    .content {\n      height: 100%;\n      width: 100%;\n      background: rgba(33, 67, 174, 1);\n      padding: 48px 80px;\n      .icon {\n        max-width: 48px;\n        max-height: 48px;\n      }\n      .title {\n        color: rgba(255, 255, 255, 1);\n        font-size: 16px;\n        position: relative;\n      }\n      .title::before {\n        content: '';\n        display: block;\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: rgba(61, 238, 228, 1);\n        position: absolute;\n        left: -20px;\n        top: 8px;\n      }\n      .one-title {\n        color: rgba(255, 255, 255, 1);\n        font-size: 16px;\n        margin: 5px 0;\n      }\n      .two-title {\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 14px;\n        margin: 5px 0;\n      }\n      .desc {\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 12px;\n        width: 312px;\n        line-height: 30px;\n      }\n      .card-content {\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 14px;\n        padding: 2px 8px;\n        border: 1px solid rgba(255, 255, 255, 0.8);\n        border-radius: 15px;\n        margin: 15px 20px 15px 0;\n      }\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!./TwoColMulRow.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!./TwoColMulRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TwoColMulRow.vue?vue&type=template&id=434b071d&scoped=true&\"\nimport script from \"./TwoColMulRow.vue?vue&type=script&lang=js&\"\nexport * from \"./TwoColMulRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TwoColMulRow.vue?vue&type=style&index=0&id=434b071d&prod&lang=less&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  \"434b071d\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/icon-two.4f8285f3.png\";"],"sourceRoot":""}