{"version":3,"sources":["webpack:///./src/views/product/view-03.vue?57ea","webpack:///./src/views/product/view-05.vue?588f","webpack:///./src/views/product/view-01.vue?73a4","webpack:///./src/views/product/view-02.vue?e593","webpack:///./src/views/product/view-01.vue?1cf9","webpack:///./src/views/product/view-04.vue?cad0","webpack:///./src/views/product/view-02.vue?5ed7","webpack:///./src/views/product/view-06.vue?510c","webpack:///./src/views/product/view-05.vue?56e3","webpack:///./src/views/product/view-06.vue?ac05","webpack:///./src/views/product/view-04.vue?f2cb","webpack:///./src/views/product/view-03.vue?63f1","webpack:///./src/views/product/index.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./src/views/product/view-01.vue","webpack:///src/views/product/view-01.vue","webpack:///./src/views/product/view-01.vue?f0b4","webpack:///./src/views/product/view-01.vue?bc12","webpack:///./src/views/product/view-02.vue","webpack:///src/views/product/view-02.vue","webpack:///./src/views/product/view-02.vue?6033","webpack:///./src/views/product/view-02.vue?6724","webpack:///./src/views/product/view-03.vue","webpack:///src/views/product/view-03.vue","webpack:///./src/views/product/view-03.vue?4fcc","webpack:///./src/views/product/view-03.vue?1359","webpack:///./src/views/product/view-04.vue","webpack:///src/views/product/view-04.vue","webpack:///./src/views/product/view-04.vue?e67e","webpack:///./src/views/product/view-04.vue?0ebd","webpack:///./src/views/product/view-05.vue","webpack:///src/views/product/view-05.vue","webpack:///./src/views/product/view-05.vue?791b","webpack:///./src/views/product/view-05.vue?257e","webpack:///./src/views/product/view-06.vue","webpack:///src/views/product/view-06.vue","webpack:///./src/views/product/view-06.vue?b0d0","webpack:///./src/views/product/view-06.vue?a9b9","webpack:///src/views/product/index.vue","webpack:///./src/views/product/index.vue?bc95","webpack:///./src/views/product/index.vue?89d6"],"names":["render","_vm","this","_c","_self","staticRenderFns","_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable","attrs","$store","state","screenWidth","staticClass","slot","_v","_s","engTitle","title","require","components","data","component","subhead","_l","list","item","index","icon","content","_m","leftTitle","rightTopTitle","rightTopContent","rightBottomTitle","type","child","cItem","cIndex","_e","arrowText","on","navigatorToFun","buttonText","length","methods","name","params","View04"],"mappings":"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","file":"js/chunk-45be2cf2.3dad83cb.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-03.vue?vue&type=style&index=1&id=6d4a45fd&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-05.vue?vue&type=style&index=0&id=7b732881&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-01.vue?vue&type=style&index=1&id=6e60d616&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-02.vue?vue&type=style&index=1&id=33a27af2&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-01.vue?vue&type=style&index=0&id=6e60d616&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-04.vue?vue&type=style&index=0&id=0e6c3a01&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-02.vue?vue&type=style&index=0&id=33a27af2&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-06.vue?vue&type=style&index=1&id=5ba3229e&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-05.vue?vue&type=style&index=1&id=7b732881&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-06.vue?vue&type=style&index=0&id=5ba3229e&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-04.vue?vue&type=style&index=1&id=0e6c3a01&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-03.vue?vue&type=style&index=0&id=6d4a45fd&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('view-01'),_c('view-02'),_c('view-03'),_c('view-04'),_c('view-05'),_c('view-06')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"product-view-01\"}},[(_vm.$store.state.screenWidth>=1200)?_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"section\"},[_c('banner-text',[_c('div',{staticClass:\"title\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(_vm.engTitle))]),_c('div',{staticClass:\"subhead\",attrs:{\"slot\":\"subhead\"},slot:\"subhead\"},[_vm._v(_vm._s(_vm.title))])])],1),_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/images/product-view-01-pc-01.jpg\"),\"alt\":\"\",\"srcset\":\"\"}})]):_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"section\"},[_c('banner-text',[_c('div',{staticClass:\"title\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(_vm.engTitle))]),_c('div',{staticClass:\"subhead\",attrs:{\"slot\":\"subhead\"},slot:\"subhead\"},[_vm._v(_vm._s(_vm.title))])])],1),_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/images/product-view-01-mobile-01.jpg\"),\"alt\":\"\",\"srcset\":\"\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"product-view-01\">\r\n    <div class=\"pc\" v-if=\"$store.state.screenWidth>=1200\">\r\n      <div class=\"section\">\r\n        <banner-text>\r\n          <div class=\"title\" slot=\"title\">{{engTitle}}</div>\r\n          <div class=\"subhead\" slot=\"subhead\">{{title}}</div>\r\n        </banner-text>\r\n      </div>\r\n      <img class=\"icon\" src=\"../../assets/images/product-view-01-pc-01.jpg\" alt=\"\" srcset=\"\">\r\n    </div>\r\n    <div class=\"mobile\" v-else>\r\n      <div class=\"section\">\r\n        <banner-text>\r\n          <div class=\"title\" slot=\"title\">{{engTitle}}</div>\r\n          <div class=\"subhead\" slot=\"subhead\">{{title}}</div>\r\n        </banner-text>\r\n      </div>\r\n      <img class=\"icon\" src=\"../../assets/images/product-view-01-mobile-01.jpg\" alt=\"\" srcset=\"\">\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import BannerText from \"@/components/banner-text.vue\"\r\n  export default {\r\n    components: {\r\n      \"banner-text\": BannerText\r\n    },\r\n    data (){\r\n      return {\r\n        engTitle: \"SERVICE PACK\",\r\n        title: \"服务包\"\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n  .mobile{\r\n    position: relative;\r\n    background: #ffffff;\r\n  }\r\n  .mobile>.section {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 2;\r\n  }\r\n  .mobile>.section .title{\r\n    color: #999999;\r\n  }\r\n  .mobile>.section .subhead{\r\n    color: #333333;\r\n  }\r\n  .mobile>.icon {\r\n    width: 100%;\r\n    z-index: 1;\r\n  }\r\n</style>\r\n<style scoped>\r\n  .pc {\r\n    position: relative;\r\n  }\r\n\r\n  .pc>.section {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 2;\r\n  }\r\n  .pc>.section .title{\r\n    color: #4C78D8;\r\n  }\r\n  .pc>.section .subhead{\r\n    color: #333333;\r\n  }\r\n  .pc>.icon {\r\n    width: 100%;\r\n    z-index: 1;\r\n  }\r\n</style>\r\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!./view-01.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!./view-01.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./view-01.vue?vue&type=template&id=6e60d616&scoped=true&\"\nimport script from \"./view-01.vue?vue&type=script&lang=js&\"\nexport * from \"./view-01.vue?vue&type=script&lang=js&\"\nimport style0 from \"./view-01.vue?vue&type=style&index=0&id=6e60d616&prod&scoped=true&lang=css&\"\nimport style1 from \"./view-01.vue?vue&type=style&index=1&id=6e60d616&prod&scoped=true&lang=css&\"\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  \"6e60d616\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"product-view-02\"}},[(_vm.$store.state.screenWidth>=1200)?_c('div',{staticClass:\"pc\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"../../assets/images/product-view-02-pc-01.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"right-view\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},[_vm._v(_vm._s(_vm.subhead))])])])]):_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/product-view-02-mobile-01.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"right-view\"},[_vm._v(_vm._s(_vm.subhead))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"product-view-02\">\r\n    <div class=\"pc\" v-if=\"$store.state.screenWidth>=1200\">\r\n      <div>\r\n        <img src=\"../../assets/images/product-view-02-pc-01.png\" alt=\"\">\r\n        <div class=\"right-view\">\r\n          <div class=\"header\">{{title}}</div>\r\n          <div class=\"section\">{{subhead}}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\" v-else>\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"section\">\r\n        <img src=\"../../assets/images/product-view-02-mobile-01.png\" alt=\"\">\r\n        <div class=\"right-view\">{{subhead}}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data(){\r\n      return {\r\n        title: \"什么是服务包\",\r\n        subhead: \"服务包是依据孕产，病患和老年人治疗康复护理需求特点针对性设计的一系列具有助医，护理，康复，慢专病管理和缓解作用的综合康护服务解决方案，与传统单项服务相比，具有简单便捷，综合全面，高性价比的特点。\"\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n  .mobile{\r\n    padding: 48px 16px 0 16px;\r\n    box-sizing: border-box;\r\n    background: #ffffff;\r\n  }\r\n  .mobile>.header{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    text-align: center;\r\n  }\r\n  .mobile>.section{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    margin-top: 24px;\r\n  }\r\n  .mobile>.section>img{\r\n    width: 150px;\r\n    margin-right: 24px;\r\n  }\r\n  .mobile>.section>.right-view{\r\n    width: 1px;\r\n    flex: 1 1 auto;\r\n    font-size: 16px;\r\n    color: #666666;\r\n    text-indent: 2em;\r\n  }\r\n</style>\r\n<style scoped>\r\n  #product-view-02>.pc {\r\n    background: #ffffff;\r\n    padding-top: 1.4rem;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #product-view-02>.pc>div {\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    max-width: var(--minPCWidth);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  #product-view-02>.pc>div>img{\r\n    width: 4.34rem;\r\n    border-radius: 0.16rem;\r\n    flex-shrink: 0;\r\n  }\r\n  #product-view-02>.pc>div>.right-view{\r\n    width: 1px;\r\n    flex: 1 1 auto;\r\n    margin-left: 1rem;\r\n  }\r\n  #product-view-02>.pc>div>.right-view>.header{\r\n    color: #333333;\r\n    font-weight: bold;\r\n    font-size: 0.28rem;\r\n  }\r\n  #product-view-02>.pc>div>.right-view>.section{\r\n    color: #333333;\r\n    font-size: 0.16rem;\r\n    line-height: 2;\r\n    margin-top: 0.34rem;\r\n    text-indent: 2em;\r\n  }\r\n</style>\r\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!./view-02.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!./view-02.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./view-02.vue?vue&type=template&id=33a27af2&scoped=true&\"\nimport script from \"./view-02.vue?vue&type=script&lang=js&\"\nexport * from \"./view-02.vue?vue&type=script&lang=js&\"\nimport style0 from \"./view-02.vue?vue&type=style&index=0&id=33a27af2&prod&scoped=true&lang=css&\"\nimport style1 from \"./view-02.vue?vue&type=style&index=1&id=33a27af2&prod&scoped=true&lang=css&\"\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  \"33a27af2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"product-view-03\"}},[(_vm.$store.state.screenWidth>=1200)?_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:item.title,staticClass:\"item\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('../../assets/images/' + item.icon),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(item.content))]),_vm._m(0,true)])}),0)]):_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:item.title,staticClass:\"item\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('../../assets/images/' + item.icon),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_vm._m(1,true)])}),0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"circle\"},[_c('div')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"circle\"},[_c('div')])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"product-view-03\">\r\n    <div class=\"pc\" v-if=\"$store.state.screenWidth>=1200\">\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"section\">\r\n        <div class=\"item\" v-for=\"item,index in list\" :key=\"item.title\">\r\n          <img class=\"icon\"  :src=\"require('../../assets/images/' + item.icon)\" alt=\"\">\r\n          <div class=\"title\">{{item.title}}</div>\r\n          <div class=\"content\">{{item.content}}</div>\r\n          <div class=\"circle\">\r\n            <div></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\" v-else>\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"section\">\r\n        <div class=\"item\" v-for=\"item,index in list\" :key=\"item.title\">\r\n          <img class=\"icon\"  :src=\"require('../../assets/images/' + item.icon)\" alt=\"\">\r\n          <div class=\"title\">{{item.title}}</div>\r\n          <div class=\"circle\">\r\n            <div></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\n  export default {\r\n    data() {\r\n      return {\r\n        title: \"用户\",\r\n        list: [{\r\n            title: \"就医人群\",\r\n            content: \"\", \r\n            icon: \"product-view-03-pc-01.png\",\r\n          },{\r\n            title: \"术后康复人群\",\r\n            content: \"\",\r\n            icon: \"product-view-03-pc-02.png\",\r\n          },{\r\n            title: \"孕产妇\",\r\n            content: \"\",\r\n            icon: \"product-view-03-pc-03.png\",\r\n          },{\r\n            title: \"养老及其它护理需求人群\",\r\n            content: \"\",\r\n            icon: \"product-view-03-pc-04.png\",\r\n          }]\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n  .mobile{\r\n    padding: 48px 16px 0 16px;\r\n    box-sizing: border-box;\r\n    background: #ffffff;\r\n  }\r\n  .mobile>.header{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    text-align: center;\r\n  }\r\n  .mobile>.section{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    margin-top: 24px;\r\n    flex-wrap: wrap;\r\n  }\r\n  .mobile>.section>.item{\r\n    width: 40%;\r\n    flex: 1 0 auto;\r\n    margin-left: 18px;\r\n    height: 130px;\r\n    border-radius: 4px;\r\n    background: #F5F7FE;\r\n    position: relative;\r\n    padding: 24px 0 0 0;\r\n    box-sizing: border-box;\r\n    margin-top: 16px;\r\n  }\r\n  .mobile>.section>.item:nth-of-type(2n+1){\r\n    margin-left: 0;\r\n  }\r\n  .mobile>.section>.item:nth-of-type(1),\r\n  .mobile>.section>.item:nth-of-type(2){\r\n    margin-top: 0;\r\n  }\r\n  .mobile>.section>.item>.icon{\r\n    width: 24px;\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n  .mobile>.section>.item>.title{\r\n    font-size: 14px;\r\n    color: #333333;\r\n    margin-top: 20px;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  .mobile>.section>.item>.content{\r\n    font-size: 12px;\r\n    color: #999999;\r\n    margin-top: 4px;\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n  }\r\n  .mobile>.section>.item>.circle{\r\n    position: absolute;\r\n    top: 40px;\r\n    z-index: 1;\r\n    height: 15px;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n  .mobile>.section>.item>.circle>div{\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(180deg, #C1D2F9 0px, rgba(255,253,253,0.06) 15px, rgba(255,253,253,0.06) 60px);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 50%;\r\n  }\r\n</style>\r\n<style scoped>\r\n  #product-view-03>.pc {\r\n    background: #ffffff;\r\n    padding: 1.4rem 0 0 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #product-view-03>.pc>div {\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    max-width: var(--minPCWidth);\r\n  }\r\n  #product-view-03>.pc>.header{\r\n    color: #333333;\r\n    font-weight: bold;\r\n    font-size: 0.28rem;\r\n    text-align: center;\r\n  }\r\n  #product-view-03>.pc>.section{\r\n    margin-top: 0.58rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  #product-view-03>.pc>.section>.item{\r\n    width: 1px;\r\n    flex: 1 0 auto;\r\n    margin-left: 0.29rem;\r\n    height: 2.08rem;\r\n    border-radius: 0.08rem;\r\n    background: #F5F7FE;\r\n    position: relative;\r\n    padding: 0.4rem 0 0 0;\r\n    box-sizing: border-box;\r\n  }\r\n  #product-view-03>.pc>.section>.item:nth-of-type(1){\r\n    margin-left: 0;\r\n  }\r\n  #product-view-03>.pc>.section>.item>.icon{\r\n    width: 0.48rem;\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n  #product-view-03>.pc>.section>.item>.title{\r\n    font-size: 0.18rem;\r\n    color: #333333;\r\n    font-weight: bold;\r\n    margin-top: 0.28rem;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  #product-view-03>.pc>.section>.item>.content{\r\n    font-size: 0.14rem;\r\n    color: #333333;\r\n    margin-top: 0.12rem;\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n  }\r\n  #product-view-03>.pc>.section>.item>.circle{\r\n    position: absolute;\r\n    top: 0.6rem;\r\n    z-index: 1;\r\n    height: 0.3rem;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n  #product-view-03>.pc>.section>.item>.circle>div{\r\n    width: 1.18rem;\r\n    height: 1.18rem;\r\n    background: linear-gradient(180deg, #C1D2F9 0px, rgba(255,253,253,0.06) 30px, rgba(255,253,253,0.06) 118px);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-radius: 50%;\r\n  }\r\n</style>\r\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!./view-03.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!./view-03.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./view-03.vue?vue&type=template&id=6d4a45fd&scoped=true&\"\nimport script from \"./view-03.vue?vue&type=script&lang=js&\"\nexport * from \"./view-03.vue?vue&type=script&lang=js&\"\nimport style0 from \"./view-03.vue?vue&type=style&index=0&id=6d4a45fd&prod&scoped=true&lang=css&\"\nimport style1 from \"./view-03.vue?vue&type=style&index=1&id=6d4a45fd&prod&scoped=true&lang=css&\"\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  \"6d4a45fd\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"product-view-04\"}},[(_vm.$store.state.screenWidth>=1200)?_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"left-view\"},[_c('div',{staticClass:\"text-view\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.leftTitle))]),_c('div',{staticClass:\"content\"})]),_c('img',{staticClass:\"img\",attrs:{\"src\":require(\"../../assets/images/product-view-04-pc-01.jpg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"right-view\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"text-view\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.rightTopTitle))]),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(_vm.rightTopContent))])]),_c('img',{staticClass:\"img\",attrs:{\"src\":require(\"../../assets/images/product-view-04-pc-02.jpg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"text-view\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.rightBottomTitle))]),_c('div',{staticClass:\"content\"})]),_c('img',{staticClass:\"img\",attrs:{\"src\":require(\"../../assets/images/product-view-04-pc-03.jpg\"),\"alt\":\"\"}})])])])]):_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"left-view\"},[_c('div',{staticClass:\"text-view\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.leftTitle))]),_c('div',{staticClass:\"content\"})]),_c('img',{staticClass:\"img\",attrs:{\"src\":require(\"../../assets/images/product-view-04-pc-01.jpg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"right-view\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"text-view\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.rightTopTitle))]),_c('div',{staticClass:\"content\"},[_vm._v(_vm._s(_vm.rightTopContent))])]),_c('img',{staticClass:\"img\",attrs:{\"src\":require(\"../../assets/images/product-view-04-pc-02.jpg\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"text-view\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.rightBottomTitle))]),_c('div',{staticClass:\"content\"})]),_c('img',{staticClass:\"img\",attrs:{\"src\":require(\"../../assets/images/product-view-04-pc-03.jpg\"),\"alt\":\"\"}})])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"product-view-04\">\r\n    <div class=\"pc\" v-if=\"$store.state.screenWidth>=1200\">\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"section\">\r\n        <div class=\"left-view\">\r\n          <div class=\"text-view\">\r\n            <div class=\"title\">{{leftTitle}}</div>\r\n            <div class=\"content\"></div>\r\n          </div>\r\n          <img class=\"img\" src=\"../../assets/images/product-view-04-pc-01.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"right-view\">\r\n          <div class=\"item\">\r\n            <div class=\"text-view\">\r\n              <div class=\"title\">{{rightTopTitle}}</div>\r\n              <div class=\"content\">{{rightTopContent}}</div>\r\n            </div>\r\n            <img class=\"img\" src=\"../../assets/images/product-view-04-pc-02.jpg\" alt=\"\">\r\n          </div>\r\n          <div class=\"item\">\r\n            <div class=\"text-view\">\r\n              <div class=\"title\">{{rightBottomTitle}}</div>\r\n              <div class=\"content\"></div>\r\n            </div>\r\n            <img class=\"img\" src=\"../../assets/images/product-view-04-pc-03.jpg\" alt=\"\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\" v-else>\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"section\">\r\n        <div class=\"left-view\">\r\n          <div class=\"text-view\">\r\n            <div class=\"title\">{{leftTitle}}</div>\r\n            <div class=\"content\"></div>\r\n          </div>\r\n          <img class=\"img\" src=\"../../assets/images/product-view-04-pc-01.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"right-view\">\r\n          <div class=\"item\">\r\n            <div class=\"text-view\">\r\n              <div class=\"title\">{{rightTopTitle}}</div>\r\n              <div class=\"content\">{{rightTopContent}}</div>\r\n            </div>\r\n            <img class=\"img\" src=\"../../assets/images/product-view-04-pc-02.jpg\" alt=\"\">\r\n          </div>\r\n          <div class=\"item\">\r\n            <div class=\"text-view\">\r\n              <div class=\"title\">{{rightBottomTitle}}</div>\r\n              <div class=\"content\"></div>\r\n            </div>\r\n            <img class=\"img\" src=\"../../assets/images/product-view-04-pc-03.jpg\" alt=\"\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data(){\r\n      return {\r\n        title: \"渠道\",\r\n        leftTitle: \"院内转院外，医护推荐，衔接\",\r\n        rightTopTitle: \"自主平台\",\r\n        rightTopContent: \"线上线下推广\",\r\n        rightBottomTitle: \"第三方平台，业务导流，流量变现\"\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n  .mobile{\r\n    padding: 48px 16px 52px 16px;\r\n    box-sizing: border-box;\r\n    background: #ffffff;\r\n  }\r\n  .mobile>.header{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    text-align: center;\r\n  }\r\n  .mobile>.section{\r\n    margin-top: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n  }\r\n  .mobile>.section>div{\r\n    width: 1px;\r\n    flex: 1 0 auto;\r\n  }\r\n  .mobile>.section>.right-view{\r\n    margin-left: 12px;\r\n  }\r\n  .mobile>.section>.right-view>.item{\r\n    margin-bottom: 6px;\r\n  }\r\n  .mobile>.section>.right-view>.item:nth-last-of-type(1){\r\n    margin-bottom: 0;\r\n  }\r\n  .mobile>.section>.left-view,\r\n  .mobile>.section>.right-view>.item{\r\n    position: relative;\r\n    border-radius: 4px;\r\n  }\r\n  .mobile>.section>.left-view>img,\r\n  .mobile>.section>.right-view>.item>img{\r\n    width: 100%;\r\n    display: block;\r\n    border-radius: 10px;\r\n  }\r\n  .mobile>.section .text-view{\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 2;\r\n    padding: 16px 10px;\r\n    box-sizing: border-box;\r\n  }\r\n  .mobile>.section .text-view>.title{\r\n    font-size: 16px;\r\n    color: #ffffff;\r\n  }\r\n  .mobile>.section .text-view>.content{\r\n    font-size: 12px;\r\n    color: #ffffff;\r\n    margin-top: 4px;\r\n    opacity: 0.75;\r\n  }\r\n</style>\r\n<style scoped>\r\n  #product-view-04>.pc {\r\n    background: #ffffff;\r\n    padding: 1.4rem 0 1.4rem 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #product-view-04>.pc>div {\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    max-width: var(--minPCWidth);\r\n  }\r\n  #product-view-04>.pc>.header{\r\n    color: #333333;\r\n    font-weight: bold;\r\n    font-size: 0.28rem;\r\n    text-align: center;\r\n  }\r\n  #product-view-04>.pc>.section{\r\n    margin-top: 0.42rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  #product-view-04>.pc>.section>.left-view{\r\n    width: 5.92rem;\r\n    flex-shrink: 0;\r\n  }\r\n  #product-view-04>.pc>.section>.right-view{\r\n    margin-left: 0.4rem;\r\n    width: 5.92rem;\r\n    flex-shrink: 0;\r\n  }\r\n  #product-view-04>.pc>.section>.right-view>.item{\r\n    margin-bottom: 0.2rem;\r\n  }\r\n  #product-view-04>.pc>.section>.right-view>.item:nth-last-of-type(1){\r\n    margin-bottom: 0;\r\n  }\r\n  #product-view-04>.pc>.section>.left-view,\r\n  #product-view-04>.pc>.section>.right-view>.item{\r\n    position: relative;\r\n  }\r\n  #product-view-04>.pc>.section>.left-view>img,\r\n  #product-view-04>.pc>.section>.right-view>.item>img{\r\n    width: 100%;\r\n    display: block;\r\n    border-radius: 0.2rem;\r\n  }\r\n  #product-view-04>.pc>.section .text-view{\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 2;\r\n    padding: 0.42rem 0.32rem;\r\n    box-sizing: border-box;\r\n  }\r\n  #product-view-04>.pc>.section .text-view>.title{\r\n    font-size: 0.2rem;\r\n    color: #ffffff;\r\n    font-weight: bold;\r\n  }\r\n  #product-view-04>.pc>.section .text-view>.content{\r\n    font-size: 0.16rem;\r\n    color: #ffffff;\r\n    margin-top: 0.04rem;\r\n  }\r\n</style>\r\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!./view-04.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!./view-04.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./view-04.vue?vue&type=template&id=0e6c3a01&scoped=true&\"\nimport script from \"./view-04.vue?vue&type=script&lang=js&\"\nexport * from \"./view-04.vue?vue&type=script&lang=js&\"\nimport style0 from \"./view-04.vue?vue&type=style&index=0&id=0e6c3a01&prod&scoped=true&lang=css&\"\nimport style1 from \"./view-04.vue?vue&type=style&index=1&id=0e6c3a01&prod&scoped=true&lang=css&\"\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  \"0e6c3a01\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"product-view-05\"}},[(_vm.$store.state.screenWidth>=1200)?_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"line\"}),_vm._l((_vm.list),function(item,index){return [(item.type=='item')?_c('div',{staticClass:\"item\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('../../assets/images/' + item.icon),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_vm._l((item.child),function(cItem,cIndex){return _c('div',{key:cIndex,staticClass:\"child\"},[_vm._v(\"·\"+_vm._s(cItem))])})],2):_vm._e(),(item.type=='arrow')?_c('div',{staticClass:\"arrow-view\"},[_c('div',{staticClass:\"arrow\"}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(item.arrowText))])]):_vm._e()]})],2),_c('div',{staticClass:\"footer\"},[_c('auto-button',{on:{\"buttonclick\":_vm.navigatorToFun}},[_vm._v(_vm._s(_vm.buttonText))])],1)]):_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"line\"}),_vm._l((_vm.list),function(item,index){return (item.type=='item')?_c('div',{staticClass:\"item\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require('../../assets/images/' + item.icon),\"alt\":\"\"}}),_c('div',{staticClass:\"right-view\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_vm._l((item.child),function(cItem,cIndex){return _c('div',{key:cIndex,staticClass:\"child\"},[_vm._v(\"·\"+_vm._s(cItem))])}),_c('div',{staticClass:\"space\"})],2),(index+1 !=_vm.list.length)?_c('div',{staticClass:\"arrow-view\"},[_c('div',{staticClass:\"arrow\"}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(item.arrowText))])]):_vm._e()]):_vm._e()})],2),_c('div',{staticClass:\"footer\"},[_c('auto-button',{on:{\"buttonclick\":_vm.navigatorToFun}},[_vm._v(_vm._s(_vm.buttonText))])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"product-view-05\">\r\n    <div class=\"pc\" v-if=\"$store.state.screenWidth>=1200\">\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"section\">\r\n        <div class=\"line\"></div>\r\n        <template v-for=\"item,index in list\">\r\n          <div class=\"item\" v-if=\"item.type=='item'\">\r\n            <img class=\"icon\"  :src=\"require('../../assets/images/' + item.icon)\" alt=\"\">\r\n            <div class=\"title\">{{item.title}}</div>\r\n            <div class=\"child\" v-for=\"cItem,cIndex in item.child\" :key=\"cIndex\">·{{cItem}}</div>\r\n          </div>\r\n          <div class=\"arrow-view\" v-if=\"item.type=='arrow'\">\r\n            <div class=\"arrow\"></div>\r\n            <div class=\"text\">{{item.arrowText}}</div>\r\n          </div>\r\n        </template>\r\n      </div>\r\n      <div class=\"footer\">\r\n        <auto-button @buttonclick=\"navigatorToFun\">{{buttonText}}</auto-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\" v-else>\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"section\">\r\n        <div class=\"line\"></div>\r\n        <div class=\"item\" v-if=\"item.type=='item'\" v-for=\"item,index in list\">\r\n          <img class=\"icon\"  :src=\"require('../../assets/images/' + item.icon)\" alt=\"\">\r\n          <div class=\"right-view\">\r\n            <div class=\"title\">{{item.title}}</div>\r\n            <div class=\"child\" v-for=\"cItem,cIndex in item.child\" :key=\"cIndex\">·{{cItem}}</div>\r\n            <div class=\"space\"></div>\r\n          </div>\r\n          <div class=\"arrow-view\" v-if=\"index+1 !=list.length\">\r\n            <div class=\"arrow\"></div>\r\n            <div class=\"text\">{{item.arrowText}}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"footer\">\r\n        <auto-button @buttonclick=\"navigatorToFun\">{{buttonText}}</auto-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import AutoButton from \"@/components/auto-button.vue\"\r\n  export default {\r\n    components: {\r\n      \"auto-button\": AutoButton,\r\n    },\r\n    data() {\r\n      return {\r\n        title: \"服务流程\",\r\n        buttonText: \"我要合作\",\r\n        list: [{\r\n            type: \"item\",\r\n            title: \"用户\",\r\n            icon: \"product-view-05-pc-01.png\",\r\n          },{\r\n            type: \"arrow\",\r\n            arrowText: \"\",\r\n          },{\r\n            type: \"item\",\r\n            title: \"下单\",\r\n            arrowText: \"支付\",\r\n            icon: \"product-view-05-pc-02.png\",\r\n            child: [\"奕护C端用户端\", \"医生/护士/护理员\", \"护理机构/医疗机构\", \"第三方平台导流\"]\r\n          },{\r\n            type: \"arrow\",\r\n            arrowText: \"支付\",\r\n          },{\r\n            type: \"item\",\r\n            title: \"生成订单\",\r\n            arrowText: \"预约\",\r\n            icon: \"product-view-05-pc-03.png\",\r\n            child: [\"生成服务清单\", \"商品配送\"]\r\n          },{\r\n            type: \"arrow\",\r\n            arrowText: \"预约\",\r\n          },{\r\n            type: \"item\",\r\n            title: \"服务单项预约\",\r\n            icon: \"product-view-05-pc-04.png\",\r\n            child: [\"用户预约\", \"客服预约\"]\r\n          },{\r\n            type: \"arrow\",\r\n            arrowText: \"\",\r\n          },{\r\n            type: \"item\",\r\n            title: \"上门服务\",\r\n            icon: \"product-view-05-pc-04.png\",\r\n            child: [\"·服务核销\", \"·服务评价\"]\r\n          },{\r\n            type: \"arrow\",\r\n            arrowText: \"\",\r\n          },{\r\n            type: \"item\",\r\n            title: \"完成服务包\",\r\n            icon: \"product-view-05-pc-05.png\",\r\n          }]\r\n      }\r\n    },\r\n    methods: {\r\n      navigatorToFun(){\r\n        this.$router.push({name:\"Form\", params: {type:1}}).then(() => {\r\n        }, () => {\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n  .mobile{\r\n    border: 16px solid #F5F7FE;\r\n    box-sizing: border-box;\r\n    background: #ffffff;\r\n    padding: 40px 0 60px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .mobile>.header{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    text-align: center;\r\n  }\r\n  .mobile>.section{\r\n    margin-top: 12px;\r\n    position: relative;\r\n  }\r\n  .mobile>.section>.line{\r\n    width: 1px;\r\n    height: 90%;\r\n    background: #D1DFFF;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 24px;\r\n  }\r\n  .mobile>.section>.item{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  \r\n  .mobile>.section>.item>.icon{\r\n    width: 48px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  .mobile>.section>.item>.right-view{\r\n    margin-left: 24px;\r\n  }\r\n  .mobile>.section>.item>.right-view>.title{\r\n    color: #333333;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    line-height: 48px;\r\n  }\r\n  .mobile>.section>.item>.right-view>.child{\r\n    color: #666666;\r\n    font-size: 12px;\r\n    line-height: 2;\r\n  }\r\n  .mobile>.section>.item>.right-view>.space{\r\n    height: 32px;\r\n  }\r\n  .mobile>.section>.item>.arrow-view{\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    width: 60px;\r\n    padding: 48px 0 0 18px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n  }\r\n  .mobile>.section>.item>.arrow-view>.arrow{\r\n    width: 0;\r\n    height: 0;\r\n    border-top: 8px solid #D1DFFF;\r\n    border-left: 6px solid transparent;\r\n    border-right: 6px solid transparent;\r\n  }\r\n  .mobile>.section>.item>.arrow-view>.text{\r\n    font-size: 13px;\r\n    color: #333333;\r\n    font-weight: bold;\r\n    margin-left: 4px;\r\n  }\r\n  .mobile>.footer{\r\n    margin-top: 12px;\r\n  }\r\n</style>\r\n<style scoped>\r\n  #product-view-05>.pc {\r\n    background: linear-gradient(180deg, #F7F9FF 0%, #E6EDFF 100%);\r\n    padding: 0.82rem 0 0.88rem 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #product-view-05>.pc>div {\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    max-width: var(--minPCWidth);\r\n  }\r\n  #product-view-05>.pc>.header{\r\n    color: #333333;\r\n    font-weight: bold;\r\n    font-size: 0.28rem;\r\n    text-align: center;\r\n  }\r\n  #product-view-05>.pc>.section{\r\n    margin-top: 0.48rem;\r\n    background: #ffffff;\r\n    padding: 0.64rem 0.32rem;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n  #product-view-05>.pc>.section>.line{\r\n    position: absolute;\r\n    top: 1.12rem;\r\n    left: 0.32rem;\r\n    width: 90%;\r\n    height: 1px;\r\n    background: #D1DFFF;\r\n    z-index: 1;\r\n  }\r\n  #product-view-05>.pc>.section>.item{\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n  #product-view-05>.pc>.section>.item>.icon{\r\n    width: 0.96rem;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n  #product-view-05>.pc>.section>.item>.title{\r\n    font-size: 0.2rem;\r\n    color: #333333;\r\n    font-weight: bold;\r\n    margin-top: 0.28rem;\r\n    text-align: center;\r\n    padding-bottom: 0.2rem;\r\n    box-sizing: border-box;\r\n  }\r\n  #product-view-05>.pc>.section>.item>.child{\r\n    font-size: 0.16rem;\r\n    line-height: 2;\r\n    color: #333333;\r\n  }\r\n  #product-view-05>.pc>.section>.arrow-view{\r\n    width: 1px;\r\n    flex: 1 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n    height: 0.96rem;\r\n  }\r\n  #product-view-05>.pc>.section>.arrow-view>.arrow{\r\n    width: 0;\r\n    height: 0;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    border-left: 0.12rem solid #D1DFFF;\r\n    border-top: 0.08rem solid transparent;\r\n    border-bottom: 0.08rem solid transparent;\r\n  }\r\n  #product-view-05>.pc>.section>.arrow-view>.text{\r\n    height: 0.48rem;\r\n    text-align: center;\r\n    line-height: 0.48rem;\r\n    font-size: 0.18rem;\r\n    color: #333333;\r\n    font-weight: bold;\r\n  }\r\n  #product-view-05>.pc>.footer{\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 0.4rem;\r\n  }\r\n</style>\r\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!./view-05.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!./view-05.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./view-05.vue?vue&type=template&id=7b732881&scoped=true&\"\nimport script from \"./view-05.vue?vue&type=script&lang=js&\"\nexport * from \"./view-05.vue?vue&type=script&lang=js&\"\nimport style0 from \"./view-05.vue?vue&type=style&index=0&id=7b732881&prod&scoped=true&lang=css&\"\nimport style1 from \"./view-05.vue?vue&type=style&index=1&id=7b732881&prod&scoped=true&lang=css&\"\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  \"7b732881\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"product-view-06\"}},[(_vm.$store.state.screenWidth>=1200)?_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"subhead\"},[_vm._v(_vm._s(_vm.subhead))]),_vm._m(0)]):_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"subhead\"},[_vm._v(_vm._s(_vm.subhead))]),_c('img',{attrs:{\"src\":require(\"../../assets/images/product-view-06-mobile-01.png\"),\"alt\":\"\"}})])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/product-view-06-pc-01.png\"),\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"product-view-06\">\r\n    <div class=\"pc\" v-if=\"$store.state.screenWidth>=1200\">\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"subhead\">{{subhead}}</div>\r\n      <div class=\"section\">\r\n        <img src=\"../../assets/images/product-view-06-pc-01.png\" alt=\"\">\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\" v-else>\r\n      <div class=\"header\">{{title}}</div>\r\n      <div class=\"subhead\">{{subhead}}</div>\r\n      <img src=\"../../assets/images/product-view-06-mobile-01.png\" alt=\"\">\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data() {\r\n      return {\r\n        title: \"研发\",\r\n        subhead: \"护理服务包研发与专业机构，相关专家和研发团队合作，遵循专业，科学，严谨的研发流程， 确保服务包产品的专业性，质量，品质与用户体验。\"\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style scoped>\r\n  .mobile{\r\n    padding: 48px 16px 52px 16px;\r\n    box-sizing: border-box;\r\n    background: #ffffff;\r\n  }\r\n  .mobile>.header{\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    text-align: center;\r\n  }\r\n  .mobile>.subhead{\r\n    color: #666666;\r\n    font-size: 16px;\r\n    margin-top: 20px;\r\n    text-indent: 2em;\r\n  }\r\n  .mobile>img{\r\n    width: 80%;\r\n    display: block;\r\n    margin: 24px auto 0 auto;\r\n  }\r\n</style>\r\n<style scoped>\r\n  #product-view-06>.pc {\r\n    background: #ffffff;\r\n    padding: 1.4rem 0 1.4rem 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #product-view-06>.pc>div {\r\n    width: 70%;\r\n    margin: 0 auto;\r\n    max-width: var(--minPCWidth);\r\n  }\r\n  #product-view-06>.pc>.header{\r\n    color: #333333;\r\n    font-weight: bold;\r\n    font-size: 0.28rem;\r\n    text-align: center;\r\n  }\r\n  #product-view-06>.pc>.subhead{\r\n    color: #333333;\r\n    font-size: 0.16rem;\r\n    text-align: center;\r\n    width: 70%;\r\n    max-width: 6.66rem;\r\n    margin-top: 0.18rem;\r\n    line-height: 2;\r\n  }\r\n  #product-view-06>.pc>.section{\r\n    margin-top: 0.4rem;\r\n  }\r\n  #product-view-06>.pc>.section>img{\r\n    width: 100%;\r\n    display: block;\r\n  }\r\n</style>\r\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!./view-06.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!./view-06.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./view-06.vue?vue&type=template&id=5ba3229e&scoped=true&\"\nimport script from \"./view-06.vue?vue&type=script&lang=js&\"\nexport * from \"./view-06.vue?vue&type=script&lang=js&\"\nimport style0 from \"./view-06.vue?vue&type=style&index=0&id=5ba3229e&prod&scoped=true&lang=css&\"\nimport style1 from \"./view-06.vue?vue&type=style&index=1&id=5ba3229e&prod&scoped=true&lang=css&\"\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  \"5ba3229e\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <view-01></view-01>\r\n    <view-02></view-02>\r\n    <view-03></view-03>\r\n    <view-04></view-04>\r\n    <view-05></view-05>\r\n    <view-06></view-06>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import View01 from \"./view-01.vue\"\r\n  import View02 from \"./view-02.vue\"\r\n  import View03 from \"./view-03.vue\"\r\n  import View04 from \"./view-04.vue\"\r\n  import View05 from \"./view-05.vue\"\r\n  import View06 from \"./view-06.vue\"\r\n  export default{\r\n    name: \"product-view\",\r\n    components:{\r\n      \"view-01\": View01,\r\n      \"view-02\": View02,\r\n      \"view-03\": View03,\r\n      \"view-04\": View04,\r\n      \"view-04\": View04,\r\n      \"view-05\": View05,\r\n      \"view-06\": View06\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n</style>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=12ff8d2e&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}