{"version":3,"sources":["webpack:///./src/views/ability/threeDimensional.vue?c2eb","webpack:///src/views/ability/threeDimensional.vue","webpack:///./src/views/ability/threeDimensional.vue?5ebc","webpack:///./src/views/ability/threeDimensional.vue","webpack:///./src/views/ability/threeDimensional.vue?118a","webpack:///./src/views/ability/img/lanmo.jpg","webpack:///./src/views/ability/img/jingmo.jpg","webpack:///./src/views/ability/img/BIM.jpg","webpack:///./src/views/ability/img/UE4.jpg","webpack:///./src/views/ability/img/baimo.jpg","webpack:///./src/views/ability/img/combination.jpg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","attrs","img","_v","_s","desc","staticRenderFns","name","data","imgList","computed","watch","methods","mounted","component","module","exports"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACE,YAAY,MAAMN,EAAIO,GAAIP,EAAW,SAAE,SAASQ,EAAKC,GAAO,OAAOL,EAAG,KAAK,CAACM,IAAID,EAAMH,YAAY,MAAM,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMH,EAAKI,IAAI,IAAM,MAAMR,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGN,EAAKO,MAAM,cAAa,QAC/aC,EAAkB,GCoBtB,GACEC,KAAM,mBACNC,KAFF,WAGI,MAAO,CACLC,QAAS,CACf,CACQ,IAAR,UACQ,KAAR,OACQ,KAAR,yCAEA,CACQ,IAAR,UACQ,KAAR,OACQ,KAAR,yCAEA,CACQ,IAAR,UACQ,KAAR,OACQ,KAAR,yCAEA,CACQ,IAAR,UACQ,KAAR,QACQ,KAAR,yCAEA,CACQ,IAAR,UACQ,KAAR,SACQ,KAAR,yCAEA,CACQ,IAAR,UACQ,KAAR,MACQ,KAAR,4CAKEC,SAAU,GACVC,MAAO,GACPC,QAAS,GACTC,QAzCF,cCrByW,I,wBCQrWC,EAAY,eACd,EACAzB,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,6CCnBf,yBAAkkB,EAAG,G,uBCArkBC,EAAOC,QAAU,IAA0B,0B,qBCA3CD,EAAOC,QAAU,IAA0B,2B,qBCA3CD,EAAOC,QAAU,IAA0B,wB,qBCA3CD,EAAOC,QAAU,IAA0B,wB,qBCA3CD,EAAOC,QAAU,IAA0B,0B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-5a8d8e1e.33ec29ae.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"threeDimensional\"},[_c('div',{staticClass:\"content\"},[_c('ul',{staticClass:\"ul\"},_vm._l((_vm.imgList),function(item,index){return _c('li',{key:index,staticClass:\"li\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":item.img,\"alt\":\"\"}}),_c('div',{staticClass:\"layer\"},[_vm._v(\" \"+_vm._s(item.desc)+\" \")])])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"threeDimensional\">\n    <div class=\"content\">\n      <ul class=\"ul\">\n        <li class=\"li\" v-for=\"(item, index) in imgList\" :key=\"index\">\n          <div class=\"img\">\n            <img :src=\"item.img\" alt=\"\" />\n            <div class=\"layer\">\n              {{ item.desc }}\n            </div>\n          </div>\n          <!-- <div class=\"name\">\n            {{ item.name }}\n          </div> -->\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'threeDimensional',\n  data() {\n    return {\n      imgList: [\n        {\n          img: require('./img/baimo.jpg'),\n          name: '三维白膜',\n          desc: '以区域建筑物数据为主，直观展示区域规划样貌，易于辨认，适用于大范围地图展示'\n        },\n        {\n          img: require('./img/lanmo.jpg'),\n          name: '三维蓝膜',\n          desc: '以区域建筑物数据为主，直观展示区域规划样貌，易于辨认，适用于大范围地图展示'\n        },\n        {\n          img: require('./img/jingmo.jpg'),\n          name: '三维精膜',\n          desc: '以区域建筑物数据为主，直观展示区域规划样貌，易于辨认，适用于大范围地图展示'\n        },\n        {\n          img: require('./img/UE4.jpg'),\n          name: '三维UE4',\n          desc: '以区域建筑物数据为主，直观展示区域规划样貌，易于辨认，适用于大范围地图展示'\n        },\n        {\n          img: require('./img/combination.jpg'),\n          name: '白膜高精结合',\n          desc: '以区域建筑物数据为主，直观展示区域规划样貌，易于辨认，适用于大范围地图展示'\n        },\n        {\n          img: require('./img/BIM.jpg'),\n          name: 'BIM',\n          desc: '以区域建筑物数据为主，直观展示区域规划样貌，易于辨认，适用于大范围地图展示'\n        }\n      ]\n    };\n  },\n  computed: {},\n  watch: {},\n  methods: {},\n  mounted() {}\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import url('~@/icons/pingfang/font.css');\n.threeDimensional {\n  .content {\n    width: 1920px;\n    height: 950px;\n    background: #ffffff;\n    // border: 1px solid #979797;\n    margin: 0 auto;\n    .ul {\n      display: flex;\n      flex-wrap: wrap;\n      box-sizing: border-box;\n      height: 850px;\n      padding: 45px 240px 0 240px;\n      justify-content: space-between;\n      .li {\n        margin-top: 45px;\n        text-align: center;\n        .img {\n          width: 416px;\n          height: 234px;\n          position: relative;\n          overflow: hidden;\n          cursor: pointer;\n          img {\n            width: 100%;\n            height: 100%;\n          }\n          .layer {\n            position: absolute;\n            left: 0;\n            bottom: -165px;\n            width: 100%;\n            height: 165px;\n            transition: 0.5s;\n            background: rgba(0, 0, 0, 0.6);\n            color: #fff;\n            font-family: 'PingFang';\n            font-size: 22px;\n            line-height: 30px;\n            box-sizing: border-box;\n            padding: 23px 58px 0 39px;\n            text-align: left;\n          }\n        }\n        .name {\n          margin-top: 18px;\n          font-size: 26px;\n          font-family: 'PingFang';\n          font-weight: bold;\n          color: #000000;\n        }\n        // &:hover {\n        //   .img {\n        //     .layer {\n        //       bottom: 0;\n        //     }\n        //   }\n        // }\n      }\n    }\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!./threeDimensional.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!./threeDimensional.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./threeDimensional.vue?vue&type=template&id=9879f2ee&scoped=true&\"\nimport script from \"./threeDimensional.vue?vue&type=script&lang=js&\"\nexport * from \"./threeDimensional.vue?vue&type=script&lang=js&\"\nimport style0 from \"./threeDimensional.vue?vue&type=style&index=0&id=9879f2ee&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  \"9879f2ee\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./threeDimensional.vue?vue&type=style&index=0&id=9879f2ee&scoped=true&lang=scss&\"; export default mod; 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!./threeDimensional.vue?vue&type=style&index=0&id=9879f2ee&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/lanmo.e7c42639.jpg\";","module.exports = __webpack_public_path__ + \"img/jingmo.71a57c1a.jpg\";","module.exports = __webpack_public_path__ + \"img/BIM.1b62273b.jpg\";","module.exports = __webpack_public_path__ + \"img/UE4.7a62aa31.jpg\";","module.exports = __webpack_public_path__ + \"img/baimo.b46ef275.jpg\";","module.exports = __webpack_public_path__ + \"img/combination.bc584cf1.jpg\";"],"sourceRoot":""}