{"version":3,"sources":["webpack:///./src/views/Material.vue","webpack:///./src/views/Material.vue?b618","webpack:///./src/views/Material.vue?20b8","webpack:///./src/assets/imgs/sqfx.png","webpack:///./src/assets/imgs/ypt1.jpg","webpack:///./src/assets/imgs/sqfx2.png","webpack:///./src/assets/imgs/xcx/sjtx.png","webpack:///./src/assets/imgs/xcx/yj3.png","webpack:///./src/assets/imgs/ypt2.jpg"],"names":["class","mater","item","index","key","imgType","src","s_img","alt","b_img","goDetails","type","title","name","components","data","Link","methods","e","window","open","this","$router","push","path","__exports__","render","module","exports"],"mappings":"6NACOA,MAAM,S,GACJA,MAAM,S,uBACT,eAAkC,OAA7BA,MAAM,WAAU,WAAO,M,uBAC5B,eAAM,sB,GACDA,MAAM,S,uBAIP,eAAyB,OAApBA,MAAM,SAAO,Y,uBAKbA,MAAM,O,iBAIJA,MAAM,U,gDAjBrB,eAsBM,MAtBN,EAsBM,CArBJ,eAoBM,MApBN,EAoBM,CAnBJ,EACA,EACA,eAgBM,MAhBN,EAgBM,E,mBAbJ,eAYM,2BAZoC,EAAAC,OAAK,SAArBC,EAAMC,G,wBAAhC,eAYM,OAZDH,MAAM,OAAuCI,IAAKD,G,CACrD,EACA,eAGM,OAHDH,MAAK,gBAAC,UAAkBE,EAAKG,QAAO,e,CACvC,eAA8C,OAAzCL,MAAM,QAASM,IAAKJ,EAAKK,MAAOC,IAAI,I,UACzC,eAA8C,OAAzCR,MAAM,QAASM,IAAKJ,EAAKO,MAAOD,IAAI,I,cAE3C,eAKM,MALN,EAKM,CAJJ,eAEM,OAFDR,MAAM,WAAY,QAAK,mBAAE,EAAAU,UAAUR,K,eAC1B,OAATA,EAAKS,KAAI,qBAEd,eAA0C,MAA1C,EAA0C,eAAnBT,EAAKU,OAAK,U,YAS9B,OACbC,KAAM,WACNC,WAAY,GACZC,KAHa,WAIX,MAAO,CACLd,MAAO,CACL,CACEW,MAAO,iBACPL,MAAO,EAAQ,QACfE,MAAO,EAAQ,QACfJ,QAAS,EACTF,MAAO,EACPQ,KAAM,MACNK,KAAM,+BAER,CACEJ,MAAO,QACPL,MAAO,EAAQ,QACfE,MAAO,EAAQ,QACfJ,QAAS,EACTF,MAAO,EACPQ,KAAM,MACNK,KAAM,cAER,CACEJ,MAAO,WACPL,MAAO,EAAQ,QACfE,MAAO,EAAQ,QACfJ,QAAS,EACTM,KAAM,MACNK,KAAM,yCACNb,MAAO,MAKfc,QAAS,CACPP,UADO,SACGQ,GACR,IAAIP,EAAOO,EAAEP,KACD,OAARA,EACFQ,OAAOC,KAAKF,EAAEF,MAEdK,KAAKC,QAAQC,KAAK,CAChBC,KAAMN,EAAEF,U,iCC/DlB,MAAMS,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,oCCTf,W,uBCAAC,EAAOC,QAAU,IAA0B,yB,4CCA3CD,EAAOC,QAAU,IAA0B,yB,qBCA3CD,EAAOC,QAAU,IAA0B,0B,qBCA3CD,EAAOC,QAAU,IAA0B,yB,qBCA3CD,EAAOC,QAAU,IAA0B,wB,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-afce0534.a64f3921.js","sourcesContent":["<template>\n  <div class=\"o_box\">\n    <div class=\"b_box\">\n      <div class=\"b_title\">👍 相关资料</div>\n      <hr />\n      <div class=\"group\">\n        <!-- <a href=\"./static/三气分析仪正确使用方法的探讨.pdf\" target=\"\">\n        </a> -->\n        <div class=\"item\" v-for=\"(item, index) in mater\" :key=\"index\">\n          <div class=\"model\"></div>\n          <div class=\"img_box\" :class=\"item.imgType ? 'img_po' : ''\">\n            <img class=\"s_img\" :src=\"item.s_img\" alt=\"\" />\n            <img class=\"b_img\" :src=\"item.b_img\" alt=\"\" />\n          </div>\n          <div class=\"btn\">\n            <div class=\"download\" @click=\"goDetails(item)\">\n              {{ item.type == \"PDF\" ? \"下载PDF\" : \"前往使用\" }}\n            </div>\n            <div class=\"p_name\">{{ item.title }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Material\",\n  components: {},\n  data() {\n    return {\n      mater: [\n        {\n          title: \"三气分析仪正确使用方法的探讨\",\n          s_img: require(\"@/assets/imgs/sqfx2.png\"),\n          b_img: require(\"@/assets/imgs/sqfx.png\"),\n          imgType: 0,\n          index: 0,\n          type: \"PDF\",\n          Link: \"./static/三气分析仪正确使用方法的探讨.pdf\",\n        },\n        {\n          title: \"华敏云助手\",\n          s_img: require(\"@/assets/imgs/xcx/yj3.png\"),\n          b_img: require(\"@/assets/imgs/xcx/sjtx.png\"),\n          imgType: 1,\n          index: 0,\n          type: \"App\",\n          Link: \"/Introduce\",\n        },\n        {\n          title: \"华敏热处理云平台\",\n          s_img: require(\"@/assets/imgs/ypt2.jpg\"),\n          b_img: require(\"@/assets/imgs/ypt1.jpg\"),\n          imgType: 0,\n          type: \"Web\",\n          Link: \"https://www.chinahuamincloud.com/login\",\n          index: 0,\n        },\n      ],\n    };\n  },\n  methods: {\n    goDetails(e) {\n      let type = e.type;\n      if (type != \"App\") {\n        window.open(e.Link);\n      } else {\n        this.$router.push({\n          path: e.Link,\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nhr {\n  margin-bottom: 20px;\n}\n.b_box {\n  .group {\n    display: flex;\n    flex-wrap: wrap;\n    .item:hover .img_box {\n      img {\n        transform: scale(1.05);\n        -webkit-transform: scale(1.05);\n        -moz-transform: scale(1.05);\n        -ms-transform: scale(1.05);\n        -o-transform: scale(1.05);\n      }\n    }\n    .item:hover .model {\n      display: block;\n    }\n    .item:hover .btn {\n      .download {\n        display: block;\n      }\n      .p_name {\n        bottom: 15%;\n      }\n    }\n    .item {\n      margin: 0 20px 20px 0;\n      border-radius: 5px;\n      cursor: pointer;\n      position: relative;\n      background-color: #e9e9e9;\n      padding: 20px 0px;\n      overflow: hidden;\n      .model {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n        background-color: rgba(0, 0, 0, 0.4);\n        display: none;\n        border-radius: 5px;\n        z-index: 99;\n      }\n      .img_box {\n        width: 270px;\n        height: 380px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: space-between;\n        img {\n          box-shadow: 0 0 24px rgb(0 0 0 / 20%);\n          transition: all 0.5s;\n          -webkit-transition: all 0.5s; /* Safari 和 Chrome */\n          -moz-transition: all 0.5s; /* Firefox*/\n          -ms-transition: all 0.5s; /* Internet Explorer */\n          -o-transition: all 0.5s; /* Opera */\n          box-shadow: none;\n          object-fit: fill;\n        }\n        .s_img {\n          width: 80%;\n        }\n        .b_img {\n          width: 100%;\n        }\n      }\n      .img_po {\n        img {\n          width: 55% !important;\n          object-fit: fill;\n        }\n        img:nth-child(1) {\n          position: absolute;\n          left: 15%;\n          z-index: 2;\n          top: 15%;\n        }\n        img:nth-child(2) {\n          position: absolute;\n          left: 35%;\n          top: 7%;\n        }\n      }\n\n      .btn {\n        position: absolute;\n        width: 100%;\n        left: 0;\n        bottom: 0;\n        z-index: 99;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding-bottom: 20%;\n        .download {\n          width: 140px;\n          padding: 14px;\n          border-radius: 3px;\n          text-align: center;\n          background-color: #17a1ff;\n          color: #fff;\n          margin-bottom: 15%;\n          display: none;\n        }\n        .p_name {\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          -webkit-line-clamp: 2;\n          overflow: hidden;\n          font-size: 14px;\n          color: #fff;\n          position: absolute;\n          bottom: -30px;\n          transition: all 0.5s;\n          -webkit-transition: all 0.3s; /* Safari 和 Chrome */\n          -moz-transition: all 0.3s; /* Firefox*/\n          -ms-transition: all 0.3s; /* Internet Explorer */\n          -o-transition: all 0.3s; /* Opera */\n        }\n      }\n    }\n  }\n  .b_title {\n    font-size: 30px;\n    font-weight: bold;\n    color: #4c5666;\n    padding: 2.2rem 0;\n  }\n  ul {\n    padding-left: 20px;\n    // margin-top: 30px;\n    li {\n      color: #4c5666;\n      margin-bottom: 10px;\n      font-size: 15px;\n      line-height: 24px;\n    }\n  }\n  .clj {\n    p {\n      color: #0062ff;\n      cursor: pointer;\n    }\n  }\n}\n</style>","import { render } from \"./Material.vue?vue&type=template&id=341d7341&scoped=true\"\nimport script from \"./Material.vue?vue&type=script&lang=js\"\nexport * from \"./Material.vue?vue&type=script&lang=js\"\n\nimport \"./Material.vue?vue&type=style&index=0&id=341d7341&lang=scss&scoped=true\"\n\nimport exportComponent from \"/mnt/data/sources/hmcloudhelp/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-341d7341\"]])\n\nexport default __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-v16/dist/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-v16/dist/index.js??ref--1-1!./Material.vue?vue&type=style&index=0&id=341d7341&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/sqfx.ddc3b317.png\";","module.exports = __webpack_public_path__ + \"img/ypt1.f3966e75.jpg\";","module.exports = __webpack_public_path__ + \"img/sqfx2.c01c76f4.png\";","module.exports = __webpack_public_path__ + \"img/sjtx.b994d7ea.png\";","module.exports = __webpack_public_path__ + \"img/yj3.e24718b0.png\";","module.exports = __webpack_public_path__ + \"img/ypt2.b93943bd.jpg\";"],"sourceRoot":""}