{"version":3,"sources":["webpack:///./src/views/product.vue","webpack:///./src/views/product.vue?abd3","webpack:///./src/views/product.vue?bea9"],"names":["class","src","topInfo","title_1","title_2","title_3","midInfo","title","content","tohlwj","img_1","img_2","productList","item","key","toDetail","img","name","data","id","methods","this","$router","push","path","render","__scopeId"],"mappings":"uNACOA,MAAM,a,GACJA,MAAM,O,GACJA,MAAM,a,GACJA,MAAM,W,GACNA,MAAM,W,GACNA,MAAM,W,GAGVA,MAAM,O,GACJA,MAAM,Y,GACJA,MAAM,kB,GACNA,MAAM,oB,EAET,eAA8B,OAAzBA,MAAM,UAAS,QAAI,G,EACxB,eAAiG,OAA5FA,MAAM,OAAOC,IAAI,4E,YAGrBD,MAAM,a,GAKRA,MAAM,U,GAEFA,MAAM,c,EAET,eAA8B,OAAzBA,MAAM,UAAS,QAAI,G,EACxB,eAAiG,OAA5FA,MAAM,OAAOC,IAAI,4E,YAEnBD,MAAM,Y,wEA7BjB,eAkCM,MAlCN,EAkCM,CAjCJ,eAMM,MANN,EAMM,CALJ,eAIM,MAJN,EAIM,CAHJ,eAAgD,MAAhD,EAAgD,eAAxB,EAAAE,QAAQC,SAAO,GACvC,eAAgD,MAAhD,EAAgD,eAAxB,EAAAD,QAAQE,SAAO,GACvC,eAAgD,MAAhD,EAAgD,eAAxB,EAAAF,QAAQG,SAAO,OAG3C,eAaM,MAbN,EAaM,CAZJ,eAOM,MAPN,EAOM,CANJ,eAAqD,MAArD,EAAqD,eAAtB,EAAAC,QAAQC,OAAK,GAC5C,eAAyD,MAAzD,EAAyD,eAAxB,EAAAD,QAAQE,SAAO,GAChD,eAGM,OAHDR,MAAM,eAAgB,QAAK,gDAAO,EAAAS,OAAO,EAAAH,WAAO,Y,CACnD,EACA,MAGJ,eAGM,MAHN,EAGM,CAFJ,eAA2C,OAAtCN,MAAM,WAAYC,IAAK,EAAAK,QAAQI,O,gBACpC,eAA4C,OAAvCV,MAAM,YAAaC,IAAK,EAAAK,QAAQK,O,oBAGzC,eAWM,MAXN,EAWM,E,mBAVJ,eASM,2BAT2B,EAAAC,aAAW,SAAnBC,G,wBAAzB,eASM,OATDb,MAAM,OAAoCc,IAAKD,G,CAClD,eAA8C,MAA9C,EAA8C,eAAnBA,EAAKN,OAAK,GACrC,eAGM,OAHDP,MAAM,WAAY,QAAK,oCAAO,EAAAe,SAASF,KAAI,W,CAC9C,EACA,G,eAEF,eAEM,MAFN,EAEM,CADJ,eAAqB,OAAfZ,IAAKY,EAAKG,K,oCAST,GACbC,KAAM,UACNC,KAFa,WAGX,MAAM,CACJhB,QAAQ,CACNC,QAAS,WACTC,QAAS,SACTC,QAAS,YAEXC,QAAQ,CACNC,MAAO,eACPC,QAAS,mGACTE,MAAO,yEACPC,MAAO,0EAETC,YAAY,CACV,CACEO,GAAI,EACJZ,MAAO,OACPS,IAAK,6EAEP,CACEG,GAAI,EACJZ,MAAO,WACPS,IAAK,8EAEP,CACEG,GAAI,EACJZ,MAAO,OACPS,IAAK,gFAKbI,QAAQ,CACNX,OADM,WAEJY,KAAKC,QAAQC,KAAK,CAAEC,KAAM,mBAE5BT,SAJM,SAIGF,GACO,GAAXA,EAAKM,GACNE,KAAKC,QAAQC,KAAK,CAAEC,KAAM,kBACP,GAAXX,EAAKM,GACbE,KAAKC,QAAQC,KAAK,CAAEC,KAAM,oBACP,GAAXX,EAAKM,IACbE,KAAKC,QAAQC,KAAK,CAAEC,KAAM,qB,UC/EpC,EAAOC,OAAS,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf,W","file":"js/chunk-c28285f8.f74e70dc.js","sourcesContent":["<template>\r\n  <div class=\"container\">\r\n    <div class=\"top\">\r\n      <div class=\"top_title\">\r\n        <div class=\"title_1\"> {{topInfo.title_1}} </div>\r\n        <div class=\"title_1\"> {{topInfo.title_2}} </div>\r\n        <div class=\"title_1\"> {{topInfo.title_3}} </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mid\">\r\n      <div class=\"mid_left\">\r\n        <div class=\"mid_left_title\"> {{midInfo.title}} </div>\r\n        <div class=\"mid_left_content\"> {{midInfo.content}} </div>\r\n        <div class=\"mid_left_btn\" @click.stop=\"tohlwj(midInfo)\">\r\n          <div class=\"detail\">查看详情</div>\r\n          <img class=\"icon\" src=\"https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_right_green.png\">\r\n        </div>\r\n      </div>\r\n      <div class=\"mid_right\">\r\n        <img class=\"left_img\" :src=\"midInfo.img_1\">\r\n        <img class=\"right_img\" :src=\"midInfo.img_2\">\r\n      </div>\r\n    </div>\r\n    <div class=\"bottom\">\r\n      <div class=\"item\" v-for=\"item in productList\" :key=\"item\">\r\n        <div class=\"item_title\"> {{item.title}} </div>\r\n        <div class=\"item_btn\" @click.stop=\"toDetail(item)\">\r\n          <div class=\"detail\">查看详情</div>\r\n          <img class=\"icon\" src=\"https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_right_green.png\">\r\n        </div>\r\n        <div class=\"item_img\">\r\n          <img :src=\"item.img\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n  export default {\r\n    name: \"product\",\r\n    data(){\r\n      return{\r\n        topInfo:{\r\n          title_1: '以实体医院为依托',\r\n          title_2: '小程序为载体',\r\n          title_3: '线上线下统一入口',\r\n        },\r\n        midInfo:{\r\n          title: '「互联网+」医疗服务平台',\r\n          content: '小程序为载体，连接患者、医生端，为医院打造线上线下统一入口。区别于传统智慧医院单一产品服务形态，海南玉螺借助腾讯科技生态优势，不断深延医疗服务场景，持续丰富医院服务业态，满足患者多元就医需求。',\r\n          img_1: 'https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_product_1.png',\r\n          img_2: 'https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_product_2.png',\r\n        },\r\n        productList:[\r\n          {\r\n            id: 1,\r\n            title: '处方流转',\r\n            img: 'https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_product_cflz.png'\r\n          },\r\n          {\r\n            id: 2,\r\n            title: '「互联网+」护理',\r\n            img: 'https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_product_hlwhl.png'\r\n          },\r\n          {\r\n            id: 3,\r\n            title: '健康管理',\r\n            img: 'https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_product_jkgl.png'\r\n          },\r\n        ]\r\n      }\r\n    },\r\n    methods:{\r\n      tohlwj(){\r\n        this.$router.push({ path: '/product_ylfw' })\r\n      },\r\n      toDetail(item){\r\n        if(item.id == 1){\r\n          this.$router.push({ path: '/product_cflz' })\r\n        } else if(item.id == 2){\r\n          this.$router.push({ path: '/product_hlwjhl' })\r\n        } else if(item.id == 3){\r\n          this.$router.push({ path: '/product_jkgl' })\r\n        }\r\n      }\r\n    }\r\n  };\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n\r\n  .container{\r\n    display flex\r\n    flex-flow column\r\n    background #F5F5F7\r\n    font-family Alibaba PuHuiTi 2.0\r\n    font-weight normal\r\n    .top{\r\n      height 700px\r\n      background url(\"https://nontax-cdn.yuluoo.com/hospitalUnionWebsite/union_product_top_bg.png\") no-repeat\r\n      background-size 100% 100%\r\n      padding 0 140px\r\n      .top_title{\r\n        display flex\r\n        flex-flow column\r\n        margin-top 160px\r\n        .title_1{\r\n          font-size 56px\r\n          line-height 67px\r\n          color #343A40\r\n        }\r\n      }\r\n    }\r\n    .mid{\r\n      display flex\r\n      box-sizing border-box\r\n      margin -80px 140px 0 140px\r\n      border-radius 24px\r\n      padding 50px 50px 0 50px\r\n      background #ffffff\r\n      justify-content space-between\r\n      .mid_left{\r\n        display flex\r\n        flex-flow column\r\n        width 640px\r\n        margin-top 253px\r\n        .mid_left_title{\r\n          font-size 40px\r\n          line-height 56px\r\n          color #343A40\r\n        }\r\n        .mid_left_content{\r\n          margin-top 40px\r\n          font-size 20px\r\n          font-weight 400\r\n          line-height 34px\r\n          color #6C757D\r\n        }\r\n        .mid_left_btn{\r\n          display flex\r\n          margin-top 40px\r\n          align-items center\r\n          cursor pointer\r\n          .detail{\r\n            font-size 24px\r\n            line-height 33px\r\n            color #17A2B8\r\n          }\r\n          .icon{\r\n            margin-left 8px\r\n            width 21px\r\n            height 21px\r\n          }\r\n        }\r\n      }\r\n      .mid_right{\r\n        display flex\r\n        .left_img{\r\n          width 317px\r\n          margin-top 95px\r\n        }\r\n        .right_img{\r\n          width 309px\r\n          margin 179px 68px 0 60px\r\n        }\r\n      }\r\n    }\r\n    .bottom{\r\n      display flex\r\n      box-sizing border-box\r\n      justify-content space-between\r\n      padding 16px 140px 140px 140px\r\n      .item{\r\n        width 528px\r\n        display flex\r\n        flex-flow column\r\n        background #ffffff\r\n        border-radius 24px\r\n        box-sizing border-box\r\n        padding 50px\r\n        .item_title{\r\n          font-size 40px\r\n          line-height 56px\r\n          color #343A40\r\n        }\r\n        .item_btn{\r\n          display flex\r\n          align-items center\r\n          margin-top 20px\r\n          cursor pointer\r\n          .detail{\r\n            font-size 24px\r\n            line-height 33px\r\n            color #17A2B8\r\n\r\n          }\r\n          .icon{\r\n            margin-left 8px\r\n            width 21px\r\n            height 21px\r\n          }\r\n        }\r\n        .item_img{\r\n          display flex\r\n          justify-content center\r\n          margin-top 50px\r\n          img{\r\n            width 350px\r\n            height 700px\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import { render } from \"./product.vue?vue&type=template&id=f555ce08&scoped=true\"\nimport script from \"./product.vue?vue&type=script&lang=js\"\nexport * from \"./product.vue?vue&type=script&lang=js\"\n\nimport \"./product.vue?vue&type=style&index=0&id=f555ce08&lang=stylus&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-f555ce08\"\n\nexport default script","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-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./product.vue?vue&type=style&index=0&id=f555ce08&lang=stylus&scoped=true\""],"sourceRoot":""}