{"version":3,"sources":["webpack:///./src/views/dounyin-integral-exchange/guide.vue?280f","webpack:///src/views/dounyin-integral-exchange/guide.vue","webpack:///./src/views/dounyin-integral-exchange/guide.vue?6613","webpack:///./src/views/dounyin-integral-exchange/guide.vue","webpack:///./src/views/dounyin-integral-exchange/guide.vue?2ebe"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","_l","item","index","key","style","left","getPosition","top","width","height","on","$event","bindClick","staticRenderFns","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,QAAQC,YAAY,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQC,MAAM,CAAC,IAAM,sFAAsF,IAAM,MAAMJ,EAAG,MAAM,CAACG,YAAY,cAAcP,EAAIS,GAAIT,EAAa,WAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAMJ,YAAY,aAAaM,MAAM,CAAGC,KAAMd,EAAIe,YAAYL,EAAKI,MAAOE,IAAKhB,EAAIe,YAAYL,EAAKM,KAAMC,MAAOjB,EAAIe,YAAYL,EAAKO,OAAQC,OAAQlB,EAAIe,YAAYL,EAAKQ,SAAWC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,UAAUX,UAAY,QACxpBY,EAAkB,GCatB,GACE,KADF,WAEI,MAAJ,CACM,UAAN,CACA,CACQ,MAAR,OACQ,KAAR,IACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,IAEA,CACQ,MAAR,KACQ,KAAR,IACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,KACQ,KAAR,IACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,KACQ,KAAR,GACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,KACQ,KAAR,IACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,KACQ,KAAR,IACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,MACQ,KAAR,GACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,KACQ,KAAR,IACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,MACQ,KAAR,IACQ,IAAR,IACQ,MAAR,GACQ,OAAR,GACQ,MAAR,uFAEA,CACQ,MAAR,QACQ,KAAR,GACQ,IAAR,IACQ,MAAR,IACQ,OAAR,GACQ,MAAR,0FAKE,QAAF,CACI,YADJ,SACA,GACM,IAAN,MACA,2BACM,OAAN,YAEI,UANJ,SAMA,GACA,SACQ,KAAR,+EC7G8V,I,wBCQ1VC,EAAY,eACd,EACAxB,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-7d5908d7.f389a5db.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"guide\",staticClass:\"guide\"},[_c('div',{staticClass:\"guide-container\"},[_c('img',{staticClass:\"image\",attrs:{\"src\":\"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/f7f8c73ffc6ee077e618440b44e8e0ec.png\",\"alt\":\"\"}}),_c('div',{staticClass:\"point-list\"},_vm._l((_vm.pointList),function(item,index){return _c('div',{key:index,staticClass:\"point-item\",style:({ left: _vm.getPosition(item.left), top: _vm.getPosition(item.top), width: _vm.getPosition(item.width), height: _vm.getPosition(item.height) }),on:{\"click\":function($event){return _vm.bindClick(item)}}})}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"guide\" ref=\"guide\">\r\n        <div class=\"guide-container\">\r\n            <img class=\"image\" src=\"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/f7f8c73ffc6ee077e618440b44e8e0ec.png\"\r\n                alt=\"\">\r\n            <div class=\"point-list\">\r\n                <div class=\"point-item\" v-for=\"(item, index) in pointList\" @click=\"bindClick(item)\"\r\n                    :style=\"{ left: getPosition(item.left), top: getPosition(item.top), width: getPosition(item.width), height: getPosition(item.height) }\"\r\n                    :key=\"index\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            pointList: [\r\n                {\r\n                    title:\"内核稳定\",\r\n                    left: 159,\r\n                    top: 170,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image: \"\",\r\n                },\r\n                {\r\n                    title:\"头发\",\r\n                    left: 127,\r\n                    top: 255,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image: \"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/1a95bad687525d4b32f62e3bdd922690.png\",\r\n                },\r\n                {\r\n                    title:\"皮肤\",\r\n                    left: 191,\r\n                    top: 255,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image:\"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/168be773325fdeced6ad747a22a12c95.png\",\r\n                },\r\n                {\r\n                    title:\"睡眠\",\r\n                    left: 91,\r\n                    top: 338,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image: \"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/b37772e8b158f7b381432eb3bc972ddc.png\",\r\n                },\r\n                {\r\n                    title:\"情绪\",\r\n                    left: 157,\r\n                    top: 338,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image:\"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/09abfd5306c3efe93011a1ac578580ae.png\",\r\n                },\r\n                {\r\n                    title:\"状态\",\r\n                    left: 226,\r\n                    top: 338,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image: \"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/f6b4ffb267e3cba314b534457faf0708.png\",\r\n                },\r\n                {\r\n                    title:\"苹果型\",\r\n                    left: 77,\r\n                    top: 420,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image: \"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/44f2247944488058eed923518105ab54.png\",\r\n                },\r\n                {\r\n                    title:\"梨型\",\r\n                    left: 157,\r\n                    top: 420,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image: \"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/e59e9f0aa164db0ae3b69dff99d2fd73.png\",\r\n                },\r\n                {\r\n                    title:\"全身型\",\r\n                    left: 239,\r\n                    top: 420,\r\n                    width: 60,\r\n                    height: 60,\r\n                    image: \"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/488697acc0cd27f868380fe0728c9a7f.png\",\r\n                },\r\n                {\r\n                    title:\"放纵减肥法\",\r\n                    left: 60,\r\n                    top: 500,\r\n                    width: 260,\r\n                    height: 60,\r\n                    image: \"https://cdnvue.gymcity.com.cn/betterwe_1.0/vue/b1d6aab911d430fcfb140704db36828d.png\",\r\n                },\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        getPosition(position) {\r\n            let designWidth = 375;\r\n            let screenWidth = window.screen.width || 375;\r\n            return (position * screenWidth / designWidth) + 'px';\r\n        },\r\n        bindClick(item){\r\n            if(item.image){\r\n                this.$router.push(\"/common-preview-image?imageUrl=\" + encodeURIComponent(item.image));\r\n            }\r\n        },\r\n    },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.guide {\r\n    min-height: 100vh;\r\n    background-color: rgba(241, 226, 198);\r\n\r\n    .guide-container {\r\n        width: 100%;\r\n        height: 722px;\r\n        position: relative;\r\n\r\n        .image {\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .point-list {\r\n            .point-item {\r\n                position: absolute;\r\n                left: 0;\r\n                top: 0;\r\n            }\r\n        }\r\n    }\r\n    ::v-deep .guide-preview {\r\n        .van-image-preview__image--vertical {\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow-y: scroll;\r\n        }\r\n       .van-image__img {\r\n            height: auto;\r\n        }\r\n    }\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!./guide.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!./guide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./guide.vue?vue&type=template&id=5fa39287&scoped=true&\"\nimport script from \"./guide.vue?vue&type=script&lang=js&\"\nexport * from \"./guide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./guide.vue?vue&type=style&index=0&id=5fa39287&lang=scss&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  \"5fa39287\",\n  null\n  \n)\n\nexport default component.exports","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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./guide.vue?vue&type=style&index=0&id=5fa39287&lang=scss&scoped=true&\""],"sourceRoot":""}