{"version":3,"sources":["webpack:///./src/components/Home.vue?6150","webpack:///./src/assets/img/bg_day.svg","webpack:///./src/components/Loading.vue?fdae","webpack:///./src/components/Home.vue?2cd6","webpack:///./src/components/Loading.vue?24aa","webpack:///src/components/Loading.vue","webpack:///./src/components/Loading.vue?f931","webpack:///./src/components/Loading.vue?2b2d","webpack:///src/components/Home.vue","webpack:///./src/components/Home.vue?705d","webpack:///./src/components/Home.vue?2af2","webpack:///./node_modules/core-js/modules/es.array.splice.js"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","on","handleScroll","staticClass","_v","_e","_m","directives","name","rawName","value","expression","domProps","$event","target","composing","searchText","searchData","modifiers","delay","recommends","_l","item","key","id","getWish","manpic","_s","Comment1","Comment2","CommentTotal","LikeTotal","commentVisible","wishMessage","closeManage","staticRenderFns","staticStyle","component","data","show","filterData","showAnimate","components","NavBar","Footer","TravelCard","WishBoard","ZDialog","computed","project","sort","homeWish","wish","methods","scrollHeight","beforeClose","done","$http","get","api","then","res","success","vm","result","open","mounted","setTimeout","window","addEventListener","created","getProjects","$store","dispatch","$","toAbsoluteIndex","toInteger","toLength","toObject","arraySpeciesCreate","createProperty","arrayMethodHasSpeciesSupport","arrayMethodUsesToLength","HAS_SPECIES_SUPPORT","USES_TO_LENGTH","ACCESSORS","0","1","max","Math","min","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_LENGTH_EXCEEDED","proto","forced","splice","start","deleteCount","insertCount","actualDeleteCount","A","k","from","to","O","len","length","actualStart","argumentsLength","arguments","TypeError"],"mappings":"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","file":"js/chunk-80483058.cefc730d.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Home.vue?vue&type=style&index=0&id=9c9dc784&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Home.vue?vue&type=style&index=0&id=9c9dc784&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/bg_day.76ba428c.svg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Loading.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Loading.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"wrapper\"},on:{\"scroll\":_vm.handleScroll}},[(_vm.show)?_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"sky\"},[_c('img',{staticClass:\"plane\",attrs:{\"src\":\"https://upload.cc/i1/2020/06/22/CX8Hzr.png\"}}),_c('img',{staticClass:\"cloud1\",attrs:{\"src\":\"https://i.imgur.com/6tncGeG.png\"}}),_c('img',{staticClass:\"cloud2\",attrs:{\"src\":\"https://i.imgur.com/6tncGeG.png\"}}),_c('img',{staticClass:\"cloud3\",attrs:{\"src\":\"https://i.imgur.com/6tncGeG.png\"}}),_c('img',{staticClass:\"cloud4\",attrs:{\"src\":\"https://i.imgur.com/6tncGeG.png\"}}),_c('img',{staticClass:\"cloud5\",attrs:{\"src\":\"https://i.imgur.com/6tncGeG.png\"}}),_c('div',{staticClass:\"loadingText\"},[_c('span',[_vm._v(\"L\")]),_c('span',[_vm._v(\"O\")]),_c('span',[_vm._v(\"A\")]),_c('span',[_vm._v(\"D\")]),_c('span',[_vm._v(\"I\")]),_c('span',[_vm._v(\"N\")]),_c('span',[_vm._v(\"G\")])])])]):_vm._e(),_c('div',{staticClass:\"text-white\"},[_c('NavBar'),_c('div',{staticClass:\"hero-bg relative overflow-hidden\"},[_c('section',{staticClass:\"w-full container mx-auto flex flex-wrap max-w-6xl lg:h-screen -mt-1 lg:pt-24\"},[_c('div',{staticClass:\"main-congent h-12 w-full lg:w-1/2 flex lg:justify-start align-start justify-center mt-32 lg:mt-32\"},[_c('div',{staticClass:\"mt-0 max-w-xl px-10 lg:px-6 -ml-3 lg:pr-2 pt-5 lg:pt-0\"},[_c('h1',{staticClass:\"main-title my-4 text-5xl text-center lg:text-left font-semibold leading-snug text-gray-700 lg:text-gray-700 mb-4\"},[_vm._v(\"Travel More Plan Less\")]),_c('p',{staticClass:\"subtitle text-center lg:text-left font-thin leading-normal text-xl mb-4 md:text-gray-200 lg:text-gray-700\"},[_vm._v(\"專人量身打造行程，滿足您的旅行願望 ，省時旅遊超容易\")]),_c('div',{staticClass:\"my-10\"},[_c('div',{staticClass:\"relative overflow-hidden flex\"},[_c('div',{staticClass:\"search-box container mx-auto max-w-6xl flex flex-col items-center h-112 lg:h-64 h-auto my-2 px-2 lg:px-0\"},[_c('div',{staticClass:\"shadow-lg flex flex-wrap w-full max-w-5xl h-112 lg:h-64 bg-white rounded-lg z-30 relative search-box_inner\"},[_vm._m(0),_c('div',{staticClass:\"w-full h-auto ticket sm:h-20\"},[_c('div',{staticClass:\"flex flex-wrap lg:mb-2 mb-0\"},[_c('div',{staticClass:\"relative w-full px-6 mb-1 lg:mb-6 md:mb-0\"},[_c('label',{staticClass:\"block tracking-wide text-gray-700 text-md font-bold mb-2\",attrs:{\"for\":\"grid-state\"}},[_vm._v(\"請輸入體驗國家 或城市..\")]),_c('div',{staticClass:\"relative flex w-full\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchText),expression:\"searchText\"}],staticClass:\"rounded-r-none h-12 w-full pl-10 pr-4 py-2 rounded-lg shadow focus:outline-none focus:shadow-outline text-gray-600 font-medium\",attrs:{\"type\":\"search\",\"placeholder\":\"請輸入國家 或城市...\"},domProps:{\"value\":(_vm.searchText)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.searchText=$event.target.value}}}),_c('div',{staticClass:\"absolute top-0 left-0 inline-flex items-center p-2\"},[_c('svg',{staticClass:\"w-6 h-6 text-gray-400\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"stroke-width\":\"2\",\"stroke\":\"currentColor\",\"fill\":\"none\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\",\"stroke\":\"none\"}}),_c('circle',{attrs:{\"cx\":\"10\",\"cy\":\"10\",\"r\":\"7\"}}),_c('line',{attrs:{\"x1\":\"21\",\"y1\":\"21\",\"x2\":\"15\",\"y2\":\"15\"}})])]),_c('button',{staticClass:\"items-center rounded-l-none rounded-lg flex bg-teal-500 hover:bg-teal-600 focus:outline-none focus:shadow-outline hover:bg-darken text-white py-2 px-4 cursor-pointer\",on:{\"click\":_vm.searchData}},[_c('i',{staticClass:\"fas fa-search fa-lg\"})])])])])])])])])])])]),_vm._m(1)]),_vm._m(2)]),_c('div',{staticClass:\"relative -mt-0 lg:-mt-1 transform rotate-180\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 1428 174\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('g',{attrs:{\"transform\":\"translate(-2.000000, 44.000000)\",\"fill\":\"#FFFFFF\",\"fill-rule\":\"nonzero\"}},[_c('path',{attrs:{\"d\":\"M0,0 C90.7283404,0.927527913 147.912752,27.187927 291.910178,59.9119003 C387.908462,81.7278826 543.605069,89.334785 759,82.7326078 C469.336065,156.254352 216.336065,153.6679 0,74.9732496\",\"opacity\":\"0.100000001\"}}),_c('path',{attrs:{\"d\":\"M100,104.708498 C277.413333,72.2345949 426.147877,52.5246657 546.203633,45.5787101 C666.259389,38.6327546 810.524845,41.7979068 979,55.0741668 C931.069965,56.122511 810.303266,74.8455141 616.699903,111.243176 C423.096539,147.640838 250.863238,145.462612 100,104.708498 Z\",\"opacity\":\"0.100000001\"}}),_c('path',{attrs:{\"d\":\"M1046,51.6521276 C1130.83045,29.328812 1279.08318,17.607883 1439,40.1656806 L1439,120 C1271.17211,77.9435312 1140.17211,55.1609071 1046,51.6521276 Z\",\"id\":\"Path-4\",\"opacity\":\"0.200000003\"}})]),_c('g',{attrs:{\"transform\":\"translate(-4.000000, 76.000000)\",\"fill\":\"#FFFFFF\",\"fill-rule\":\"nonzero\"}},[_c('path',{attrs:{\"d\":\"M0.457,34.035 C57.086,53.198 98.208,65.809 123.822,71.865 C181.454,85.495 234.295,90.29 272.033,93.459 C311.355,96.759 396.635,95.801 461.025,91.663 C486.76,90.01 518.727,86.372 556.926,80.752 C595.747,74.596 622.372,70.008 636.799,66.991 C663.913,61.324 712.501,49.503 727.605,46.128 C780.47,34.317 818.839,22.532 856.324,15.904 C922.689,4.169 955.676,2.522 1011.185,0.432 C1060.705,1.477 1097.39,3.129 1121.236,5.387 C1161.703,9.219 1208.621,17.821 1235.4,22.304 C1285.855,30.748 1354.351,47.432 1440.886,72.354 L1441.191,104.352 L1.121,104.031 L0.457,34.035 Z\"}})])])])]),_c('section',{staticClass:\"bg-white py-8 pb-0 gradient-blue relative\"},[_vm._m(3),_c('div',{staticClass:\"container mx-auto flex max-w-7xl flex-wrap pb-12 sm:px-4\"},[_c('h1',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",modifiers:{\"reset\":true}}],staticClass:\"w-full my-2 text-4xl lg:text-5xl font-bold leading-tight text-center text-gray-300\"},[_vm._v(\"How to Start ?\")]),_vm._m(4),_c('div',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 250 }),expression:\"{ delay: 250 }\",modifiers:{\"reset\":true}}],staticClass:\"-ml-3 w-full md:w-1/4 py-6 px-4 flex flex-col flex-grow flex-shrink relative\"},[_vm._m(5)]),_c('div',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 450 }),expression:\"{ delay: 450 }\",modifiers:{\"reset\":true}}],staticClass:\"w-full md:w-1/4 py-6 px-4 flex flex-col flex-grow flex-shrink relative\"},[_vm._m(6)]),_c('div',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 650 }),expression:\"{ delay: 650 }\",modifiers:{\"reset\":true}}],staticClass:\"w-full md:w-1/4 py-6 px-4 flex flex-col flex-grow flex-shrink relative\"},[_vm._m(7)])]),_c('div',{staticClass:\"relative -mt-12 lg:-mt-10\"},[_c('svg',{attrs:{\"id\":\"data-bg-top\",\"viewBox\":\"0 0 3000 760\",\"preserveAspectRatio\":\"none\"}},[_c('path',{attrs:{\"d\":\"M0 760h3000V68.7C2930 36.5 2825.1.2 2712.3 0c-155.9-.3-370.4 59.3-513.3 180.5-206.7 175.1-472 143.6-554 124-182.6-43.8-156.4-143.2-450-140-212.8 2.3-263.7 120.5-491 243-179.3 96.6-580.1 65.8-704-41.8V760z\"}})])])]),_c('section',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 250 }),expression:\"{ delay: 250 }\",modifiers:{\"reset\":true}}],staticClass:\"bg-chiaki-blue\"},[_vm._m(8),_c('div',{staticClass:\"container mx-auto flex max-w-7xl flex-wrap pb-12 sm:px-4\"},[_c('h1',{staticClass:\"w-full my-2 font-bold leading-tight text-center text-blue-600 text-4xl lg:text-5xl\"},[_vm._v(\"Recommend\")]),_vm._m(9),_c('Travel-card',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 250 }),expression:\"{ delay: 250 }\",modifiers:{\"reset\":true}}],attrs:{\"project\":_vm.recommends}})],1)]),_c('section',{staticClass:\"bg-chiaki-blue pt-24\"},[_vm._m(10),_c('div',{staticClass:\"container mx-auto flex max-w-7xl flex-wrap pb-12\"},[_c('h1',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 250 }),expression:\"{ delay: 250 }\",modifiers:{\"reset\":true}}],staticClass:\"w-full my-2 text-4xl lg:text-5xl font-bold leading-tight text-center text-blue-600\"},[_vm._v(\"Feature\")]),_vm._m(11),_c('div',{staticClass:\"mt-12 sm:flex items-start justify-between sm:-mx-2\"},[_c('div',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 450 }),expression:\"{ delay: 450 }\",modifiers:{\"reset\":true}}],staticClass:\"max-h-350 w-full bg-white rounded-lg shadow-lg py-8 px-4 sm:w-1/3 sm:mx-2 lg:mx-6\"},[_vm._m(12),_c('h4',{staticClass:\"text-center text-xl text-gray-800 font-bold mt-10\"},[_vm._v(\"為什麼選擇尋旅？\")]),_c('p',{staticClass:\"text-base text-gray-600 mt-2 leading-loose\"},[_vm._v(\"擁有各路旅遊大師精選秘境景點 ，不用透過旅行社花大錢 ，只要小額購買旅行規劃師時間， 也可小資玩全球，省時又簡單！\")])]),_c('div',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 550 }),expression:\"{ delay: 550 }\",modifiers:{\"reset\":true}}],staticClass:\"w-full bg-white rounded-lg shadow-lg py-8 px-4 mt-6 sm:mt-0 sm:w-1/3 sm:mx-2 lg:mx-6\"},[_vm._m(13),_c('h4',{staticClass:\"text-center text-xl text-gray-800 font-bold mt-10\"},[_vm._v(\"嚴格謹慎的規劃師篩選\")]),_c('p',{staticClass:\"text-base text-gray-600 mt-2 leading-loose\"},[_vm._v(\"成為旅行大師們可不是說說而已 ，尋旅上的每個規劃師都是透過嚴謹的內部審核， 才能提供好玩又有趣的旅行計劃\")])]),_c('div',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 650 }),expression:\"{ delay: 650 }\",modifiers:{\"reset\":true}}],staticClass:\"w-full bg-white rounded-lg shadow-lg py-8 px-4 mt-6 sm:mt-0 sm:w-1/3 sm:mx-2 lg:mx-6\"},[_vm._m(14),_c('h4',{staticClass:\"text-center text-xl text-gray-800 font-bold mt-10\"},[_vm._v(\"小額費用享用完善服務\")]),_c('p',{staticClass:\"text-base text-gray-600 mt-2 leading-loose leading-loose\"},[_vm._v(\"尋旅不只提供專屬你的規劃師服務， 也能找尋最適合您的交通規劃與住宿，讓旅行規劃師幫您完善打理您的旅途\")])])])])]),_c('div',{staticClass:\"relative -mt-12 lg:-mt-10 pb-12\"},[_c('svg',{attrs:{\"id\":\"life-bg-bottom\",\"viewBox\":\"0 0 3000 210\",\"preserveAspectRatio\":\"none\"}},[_c('path',{attrs:{\"d\":\"M3000 0H0v149c7-.3 14.7 0 23.1 1.1 60.3 8 94.4 48.7 161.6 50.8 171.8 5.3 192-70.9 304-70.5 116.5.5 187.2 76.4 401 79.5 155.3 2.2 146.8-43.7 286-52 115.5 7.8 132.2 49.8 300.5 49.8 83.4 0 172.2-43.8 328.5-43.8 106 0 155.3 43 254.1 43 98.8 0 196.3-81.2 279-110 110-38.3 231.4 46.2 317.9 43 66.8-2.5 104.2-27.9 178-26 85.4 2.3 106.9 54.7 166.4 76.6V0z\"}})])]),_c('section',{staticClass:\"gradient-blue\"},[_c('div',{directives:[{name:\"scroll-reveal\",rawName:\"v-scroll-reveal.reset\",value:({ delay: 250 }),expression:\"{ delay: 250 }\",modifiers:{\"reset\":true}}],staticClass:\"w-full mb-5 mt-2\"},[_vm._m(15)]),_c('div',{staticClass:\"container mx-auto flex max-w-7xl flex-wrap pb-12\"},[_c('h1',{staticClass:\"w-full my-2 text-5xl font-bold leading-tight text-center text-gray-100\"},[_vm._v(\"Wishing board\")]),_vm._m(16),_vm._l((_vm.homeWish),function(item){return _c('div',{key:item.id,staticClass:\"w-full md:w-1/2 lg:w-1/4 flex flex-col mb-8 mt-4 px-3 cursor-pointer\",on:{\"click\":function($event){return _vm.getWish(item.id)}}},[_c('div',{staticClass:\"min-h-180 overflow-hidden bg-white round-xll shadow hover:shadow-md transition duration-500 ease-in-out transform hover:bg-gray-200 hover:-translate-y-8\"},[_c('div',{staticClass:\"p-6 flex flex-col justify-between\"},[_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"flex items-center\"},[_c('img',{staticClass:\"border-gray-500 shadow border-2 w-10 h-10 rounded-full mr-3 flex-1\",attrs:{\"src\":item.manpic ? item.manpic : 'https://picsum.photos/50/50/?people=4',\"alt\":\"people\"}})]),_c('span',{staticClass:\"font-medium text-gray-600 font-bold leading-normal\"},[_vm._v(_vm._s(item.name))])]),_c('p',{staticClass:\"inline-flex items-center py-4\"},[_c('span',{staticClass:\"text-gray-700 text-sm\"},[_vm._v(\"我想去\"+_vm._s(item.Comment1)+\" 想做 \"+_vm._s(item.Comment2))])]),_c('div',{staticClass:\"flex items-center justify-end py-2\"},[_c('div',{staticClass:\"text-gray-600 flex hover:text-blue-500 items-center mr-2\"},[_c('span',{staticClass:\"w-8 h-8 hover:bg-blue-200 rounded-full flex items-center justify-center hover:text-blue-500\"},[_c('svg',{staticClass:\"w-4 h-4 fill-current\",attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('g',[_c('path',{attrs:{\"d\":\"M14.046 2.242l-4.148-.01h-.002c-4.374 0-7.8 3.427-7.8 7.802 0 4.098 3.186 7.206 7.465 7.37v3.828c0 .108.044.286.12.403.142.225.384.347.632.347.138 0 .277-.038.402-.118.264-.168 6.473-4.14 8.088-5.506 1.902-1.61 3.04-3.97 3.043-6.312v-.017c-.006-4.367-3.43-7.787-7.8-7.788zm3.787 12.972c-1.134.96-4.862 3.405-6.772 4.643V16.67c0-.414-.335-.75-.75-.75h-.396c-3.66 0-6.318-2.476-6.318-5.886 0-3.534 2.768-6.302 6.3-6.302l4.147.01h.002c3.532 0 6.3 2.766 6.302 6.296-.003 1.91-.942 3.844-2.514 5.176z\"}})])])]),_c('span',{staticClass:\"ml-1\"},[_vm._v(_vm._s(item.CommentTotal))])]),_c('div',{staticClass:\"text-gray-600 flex hover:text-red-500 items-center mr-2\"},[_c('span',{staticClass:\"w-8 h-8 hover:bg-red-200 rounded-full flex items-center justify-center hover:text-red-500\"},[_c('svg',{staticClass:\"w-4 h-4 fill-current\",attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('g',[_c('path',{attrs:{\"d\":\"M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.814-1.148 2.354-2.73 4.645-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.376-7.454 13.11-10.037 13.157H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.034 11.596 8.55 11.658 1.518-.062 8.55-5.917 8.55-11.658 0-2.267-1.823-4.255-3.903-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.014-.03-1.425-2.965-3.954-2.965z\"}})])])]),_c('span',{staticClass:\"ml-0\"},[_vm._v(_vm._s(item.LikeTotal))])])])])])])}),_c('div',{staticClass:\"py-5 mx-auto outline-none\"},[_c('router-link',{staticClass:\"bg-orange-500 outline-none hover:bg-orange-700 text-white font-bold py-2 px-4 rounded-full\",attrs:{\"to\":\"/wish\"}},[_vm._v(\"更多內容\")])],1),(_vm.commentVisible)?_c('ZDialog',{attrs:{\"ZDialog\":_vm.commentVisible,\"wishMessage\":_vm.wishMessage},on:{\"dialog-cancel\":_vm.closeManage}}):_vm._e()],2)]),_c('section',{staticClass:\"bg-white py-8\"},[_c('div',{staticClass:\"flex-col-reverse lg:flex-row container max-w-7xl mx-auto my-8\"},[_c('div',{staticClass:\"flex flex-wrap flex-col-reverse lg:flex-row\"},[_c('div',{staticClass:\"lg:visible w-full sm:w-1/2 mt-6 relative\"},[_c('img',{staticClass:\"Sday\",attrs:{\"src\":require(\"../assets/img/bg_day.svg\"),\"alt\":\"bg_day.svg\"}}),_c('div',{staticClass:\"car\"},[_c('svg',{attrs:{\"width\":\"307\",\"height\":\"210\",\"viewBox\":\"0 0 307 210\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('path',{attrs:{\"d\":\"M153.424 201.22c84.677 0 153.424-.013 153.424 4.39 0 4.404-68.747 4.39-153.424 4.39S0 210.044 0 205.61c0-4.433 68.747-4.39 153.424-4.39z\",\"fill\":\"#DDD\"}}),_c('path',{attrs:{\"d\":\"M280.472 182.785c0-2.908-2.49-5.268-5.56-5.268H41.608c-3.068 0-5.559 2.36-5.559 5.268 0 2.907 2.49 5.267 5.559 5.267h233.306c3.069 0 5.559-2.36 5.559-5.267z\",\"fill\":\"#138184\"}}),_c('path',{attrs:{\"d\":\"M208.376 95.871c0-7.268-5.89-13.168-13.144-13.168h-88.013c-7.254 0-13.142 5.9-13.142 13.168 0 7.268 5.888 13.169 13.142 13.169h88.013c7.254 0 13.144-5.9 13.144-13.169z\",\"fill\":\"#FFF\"}}),_c('path',{attrs:{\"d\":\"M242.665 120.453c0-7.268-5.89-13.169-13.142-13.169h-88.014c-7.253 0-13.143 5.901-13.143 13.169 0 7.268 5.89 13.169 13.143 13.169h88.014c7.253 0 13.142-5.901 13.142-13.169z\",\"fill\":\"#FFF\"}}),_c('path',{attrs:{\"d\":\"M192.55 38.366c0-7.51-5.95-13.606-13.279-13.606H95.046c-7.329 0-13.278 6.096-13.278 13.606v2.638c0 7.51 5.949 13.605 13.278 13.605h84.225c7.33 0 13.279-6.096 13.279-13.605v-2.638z\",\"fill\":\"#F0AEA8\"}}),_c('path',{attrs:{\"d\":\"M176.724 11.383c0-6.183-4.974-11.204-11.1-11.204h-57.81c-6.125 0-11.1 5.021-11.1 11.204v2.173c0 6.184 4.975 11.204 11.1 11.204h57.81c6.126 0 11.1-5.02 11.1-11.204v-2.173z\",\"fill\":\"#88D4DA\"}}),_c('path',{attrs:{\"d\":\"M192.55 38.366c0-7.51-5.93-13.606-13.235-13.606h-73.762c-7.305 0-13.235 6.096-13.235 13.606v2.638c0 7.51 5.93 13.605 13.235 13.605h73.762c7.305 0 13.235-6.096 13.235-13.605v-2.638z\",\"fill\":\"#E4968F\"}}),_c('path',{attrs:{\"d\":\"M177.603 11.383C177.603 5.2 172.605.18 166.449.18h-50.668c-6.155 0-11.154 5.021-11.154 11.204v2.173c0 6.184 4.999 11.204 11.154 11.204h50.668c6.156 0 11.154-5.02 11.154-11.204v-2.173z\",\"fill\":\"#65C0C0\"}}),_c('path',{attrs:{\"d\":\"M73.696 45.83c-.398 0-.72.394-.72.879v1.755c0 .485.322.878.72.878H202.38c.397 0 .72-.393.72-.878v-1.755c0-.485-.323-.879-.72-.879H73.696z\",\"fill\":\"#999\"}}),_c('path',{attrs:{\"d\":\"M78.25 58.962c0 .505.493.915 1.1.915h2.198c.607 0 1.099-.41 1.099-.915V49.38c0-.505-.492-.915-1.1-.915H79.35c-.607 0-1.1.41-1.1.915v9.583zM192.55 58.962c0 .505.492.915 1.098.915h2.199c.606 0 1.099-.41 1.099-.915V49.38c0-.505-.493-.915-1.099-.915h-2.199c-.606 0-1.098.41-1.098.915v9.583z\",\"fill\":\"#999\"}}),_c('path',{attrs:{\"d\":\"M280.472 109.024c0-22.53-24.413-55.095-43.9-55.292H79.705c-40.518 0-44.537 17.706-44.537 58.063v40.043c0 18.05 14.708 32.703 32.824 32.703h179.655c18.117 0 32.824-14.654 32.824-32.703v-42.814z\",\"fill\":\"#E9E9E9\"}}),_c('path',{attrs:{\"d\":\"M241.392 125.72c-38.56.005-206.223.044-206.223.044v32.014c0 2.625.465 5.164 1.33 7.562 4.007 11.093 16.599 19.2 31.495 19.2l184.977-.37c10.67 0 16.93-1.265 21.792-7.624 5.567-7.282 5.831-10.56 5.68-26.522-.03-3.23-6.846-12.053-12.835-15.991-5.988-3.939-13.42-8.314-26.216-8.313z\",\"fill\":\"#26BEC9\"}}),_c('path',{attrs:{\"d\":\"M272.838 86.75c-2.86-5.351-7.356-11.922-7.356-11.922l-68.4-.027c-5.414 0-9.808 4.23-9.808 9.438v18.875c0 5.209 4.394 9.438 9.807 9.438l81.61-.019s.161-4.78-.38-8.675c-.92-6.637-2.849-12.198-5.473-17.109zM178.482 85.117c0-5.209-4.204-9.438-9.383-9.438h-48.935c-5.178 0-9.382 4.23-9.382 9.438v18.875c0 5.209 4.204 9.438 9.382 9.438H169.1c5.179 0 9.383-4.23 9.383-9.438V85.117z\",\"fill-opacity\":\"0.5\",\"fill\":\"#FFF\"}}),_c('path',{attrs:{\"d\":\"M181.12 85.117c0-5.209-4.204-9.438-9.383-9.438h-48.935c-5.178 0-9.382 4.229-9.382 9.438v18.875c0 5.209 4.204 9.438 9.382 9.438h48.935c5.179 0 9.383-4.23 9.383-9.438V85.117z\",\"fill-opacity\":\"0.5\",\"fill\":\"#BCBCBC\"}}),_c('path',{attrs:{\"d\":\"M100.231 85.117c0-5.209-4.247-9.438-9.48-9.438H55.2c-5.232 0-9.48 4.229-9.48 9.438v18.875c0 5.209 4.248 9.438 9.48 9.438h35.553c5.232 0 9.48-4.23 9.48-9.438V85.117z\",\"fill-opacity\":\"0.5\",\"fill\":\"#FFF\"}}),_c('path',{attrs:{\"d\":\"M103.748 85.117c0-5.209-4.249-9.438-9.48-9.438H58.716c-5.232 0-9.48 4.23-9.48 9.438v18.875c0 5.209 4.248 9.438 9.48 9.438h35.552c5.231 0 9.48-4.23 9.48-9.438V85.117z\",\"fill-opacity\":\"0.5\",\"fill\":\"#BCBCBC\"}}),_c('path',{attrs:{\"d\":\"M51.845 133.622c-.469 0-.85.393-.85.877v1.756c0 .485.381.878.85.878h35.226c.47 0 .851-.393.851-.878V134.5a.865.865 0 0 0-.851-.877H51.845zM51.845 140.645c-.469 0-.85.393-.85.878v1.756c0 .484.381.878.85.878h35.226c.47 0 .851-.394.851-.878v-1.756a.865.865 0 0 0-.851-.878H51.845z\",\"fill-opacity\":\"0.404\",\"fill\":\"#FFF\"}}),_c('path',{attrs:{\"d\":\"M274.27 86.903c-2.839-5.348-7.012-11.2-7.012-11.2l-67.603-.024c-5.378 0-9.743 4.226-9.743 9.433v18.868c0 5.207 4.365 9.434 9.743 9.434l80.781.016s.198-4.872-.339-8.767c-.916-6.634-3.22-12.85-5.827-17.76z\",\"fill-opacity\":\"0.5\",\"fill\":\"#BCBCBC\"}}),_c('path',{attrs:{\"fill\":\"#C77D76\",\"d\":\"M81.768 40.563H192.55v-2.634H81.768z\"}}),_c('path',{attrs:{\"fill\":\"#C5E5E7\",\"d\":\"M96.714 14.225h80.01v-2.633h-80.01z\"}}),_c('path',{attrs:{\"d\":\"M271.68 145.912c2.912 0 5.275 4.721 5.275 10.535 0 5.815-2.363 10.535-5.275 10.535-2.912 0-5.276-4.72-5.276-10.535 0-5.814 2.364-10.535 5.276-10.535z\",\"fill\":\"#E6C06D\"}}),_c('path',{attrs:{\"d\":\"M276.076 183.663c0-1.938-1.632-3.512-3.641-3.512h-32.283c-2.01 0-3.641 1.574-3.641 3.512s1.63 3.511 3.64 3.511h32.284c2.01 0 3.64-1.573 3.64-3.511zM80.888 182.785c0-1.938-1.599-3.512-3.568-3.512H41.375c-1.97 0-3.568 1.574-3.568 3.512s1.599 3.511 3.568 3.511H77.32c1.97 0 3.568-1.573 3.568-3.511z\",\"fill\":\"#138184\"}}),_c('g',{attrs:{\"id\":\"wheel-1\"}},[_c('path',{attrs:{\"d\":\"M225.52 158.203c12.86 0 23.3 10.425 23.3 23.265s-10.44 23.265-23.3 23.265c-12.858 0-23.299-10.425-23.299-23.265s10.441-23.265 23.3-23.265z\",\"fill\":\"#666\"}}),_c('path',{attrs:{\"d\":\"M226.4 166.982c8.492 0 15.386 6.884 15.386 15.364s-6.894 15.363-15.386 15.363c-8.491 0-15.387-6.884-15.387-15.363 0-8.48 6.896-15.364 15.387-15.364z\",\"fill\":\"#999\"}}),_c('path',{attrs:{\"d\":\"M232.099 185.276c3.145-5.469-4.096-15.586 1.351-12.429 5.447 3.158 7.316 10.161 4.172 15.63-3.146 5.468-10.12 7.345-15.568 4.188-5.447-3.158 6.9-1.92 10.045-7.39z\",\"fill\":\"#B8B7B7\"}})]),_c('path',{attrs:{\"d\":\"M273.438 147.668c2.426 0 4.396 4.13 4.396 9.218s-1.97 9.218-4.396 9.218-4.396-4.13-4.396-9.218c0-5.087 1.97-9.218 4.396-9.218z\",\"fill\":\"#EDCC86\"}}),_c('path',{attrs:{\"d\":\"M156.501 37.93c0-.97-.766-1.757-1.71-1.757h-34.385c-.945 0-1.711.787-1.711 1.756v3.512c0 .969.766 1.756 1.71 1.756h34.386c.944 0 1.71-.787 1.71-1.756v-3.512z\",\"fill\":\"#C45F56\"}}),_c('path',{attrs:{\"d\":\"M151.226 11.372c0-.847-.66-1.536-1.474-1.536h-25.187c-.814 0-1.474.69-1.474 1.536v3.073c0 .848.66 1.536 1.474 1.536h25.187c.814 0 1.474-.688 1.474-1.536v-3.073z\",\"fill\":\"#5EA1A6\"}}),_c('g',{attrs:{\"id\":\"wheel-2\"}},[_c('path',{attrs:{\"d\":\"M87.482 158.203c12.86 0 23.3 10.425 23.3 23.265s-10.44 23.265-23.3 23.265c-12.859 0-23.299-10.425-23.299-23.265s10.44-23.265 23.3-23.265z\",\"fill\":\"#666\"}}),_c('path',{attrs:{\"d\":\"M87.482 166.982c8.493 0 15.387 6.884 15.387 15.364s-6.894 15.363-15.387 15.363c-8.491 0-15.386-6.884-15.386-15.363 0-8.48 6.895-15.364 15.386-15.364z\",\"fill\":\"#999\"}}),_c('path',{attrs:{\"d\":\"M92.303 185.276c3.145-5.469-4.096-15.586 1.351-12.429 5.447 3.158 7.316 10.161 4.171 15.63-3.145 5.468-10.12 7.345-15.567 4.188-5.447-3.158 6.9-1.92 10.045-7.39z\",\"fill\":\"#B8B7B7\"}})]),_c('path',{attrs:{\"d\":\"M35.169 144.742c0-.323-.296-.585-.66-.585h-1.318c-.364 0-.66.262-.66.585v14.632c0 .323.296.585.66.585h1.318c.364 0 .66-.262.66-.585v-14.632z\",\"fill\":\"#CCC\"}})])])])]),_vm._m(17)])])]),_c('Footer')],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-0 bg-blue-prod h-1 0 px-5 py-12 w-full rounded-t-lg\"},[_c('div',{staticClass:\"flex justify-between lg:mt-2 sm:mt-2 text-gray-200\"},[_c('div',{staticClass:\"lg:text-xl sm:text-2xl lg:tracking-xl md:tracking-normal font-bold\"},[_vm._v(\"Find-Trip\")]),_c('h3',{staticClass:\"lg:text-2xl text-md font-extrabold\"},[_c('i',{staticClass:\"fas fa-plane text-md pr-2 text-gray-300\"}),_vm._v(\"BOARDING PASS \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sm:h-20 h-screen w-full lg:h-full lg:w-1/2 relative\"},[_c('div',{staticClass:\"absolute inset-0 lg:mt-10 mt-8 airplane\"},[_c('img',{staticClass:\"w-1/4 lg:w-2/5\",attrs:{\"src\":require(\"../assets/img/airplane.png\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"clouds\"},[_c('img',{staticStyle:{\"--i\":\"1\"},attrs:{\"src\":require(\"../assets/img/cloud1.png\"),\"alt\":\"\"}}),_c('img',{staticStyle:{\"--i\":\"2\"},attrs:{\"src\":require(\"../assets/img/cloud2.png\"),\"alt\":\"\"}}),_c('img',{staticStyle:{\"--i\":\"3\"},attrs:{\"src\":require(\"../assets/img/cloud3.png\"),\"alt\":\"\"}}),_c('img',{staticStyle:{\"--i\":\"4\"},attrs:{\"src\":require(\"../assets/img/cloud4.png\"),\"alt\":\"\"}}),_c('img',{staticStyle:{\"--i\":\"5\"},attrs:{\"src\":require(\"../assets/img/cloud5.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full mb-5\"},[_c('div',{staticClass:\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/section01.png\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full mb-5\"},[_c('p',{staticClass:\"leading-tight text-base text-center tracking-widest relative heading-sub\"},[_vm._v(\"如何使用\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-1 bg-white rounded-lg overflow-hidden shadow arrow-step\"},[_c('div',{staticClass:\"flex items-center justify-center\"},[_c('div',{staticClass:\"mx-auto lg:mx-0 bg-blue-600 text-white rounded-full mt-6 mb-4 py-2 px-8\"},[_vm._v(\"Step 01\")])]),_c('div',{staticClass:\"flex items-center justify-center mb-3 w-46 mx-auto\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/feature001.png\"),\"alt\":\"feature001.png\"}})]),_c('div',{staticClass:\"w-full font-bold text-base text-center text-gray-800 px-6 pb-6\"},[_vm._v(\"決定好旅行的區域、預算\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-1 bg-white rounded-lg overflow-hidden shadow arrow-step\"},[_c('div',{staticClass:\"flex items-center justify-center\"},[_c('div',{staticClass:\"mx-auto lg:mx-0 bg-blue-600 text-white rounded-full mt-6 mb-4 py-2 px-8\"},[_vm._v(\"Step 02\")])]),_c('div',{staticClass:\"flex items-center justify-center mb-3 w-46 mx-auto\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/feature002.png\"),\"alt\":\"feature002.png\"}})]),_c('div',{staticClass:\"w-full font-bold text-base text-center text-gray-800 px-6 pb-6\"},[_vm._v(\"尋找專屬您的旅行規劃師\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-1 bg-white rounded-lg overflow-hidden shadow\"},[_c('div',{staticClass:\"flex items-center justify-center\"},[_c('div',{staticClass:\"mx-auto lg:mx-0 bg-orange-600 text-white rounded-full mt-6 mb-4 py-2 px-8\"},[_vm._v(\"Step 03\")])]),_c('div',{staticClass:\"flex items-center justify-center mb-3 w-46 mx-auto\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/feature003.png\"),\"alt\":\"feature003.png\"}})]),_c('div',{staticClass:\"w-full font-bold text-base text-center text-gray-800 px-6 pb-6\"},[_vm._v(\"享受量身打造旅程\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full mb-5\"},[_c('div',{staticClass:\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/section02.png\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full mb-5\"},[_c('p',{staticClass:\"leading-tight text-base text-center tracking-widest text-gray-700 relative heading-sub\"},[_vm._v(\"熱門規劃師\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full mb-5\"},[_c('div',{staticClass:\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/section03.png\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full mb-5\"},[_c('p',{staticClass:\"leading-tight text-base text-center tracking-widest text-gray-700 relative heading-sub\"},[_vm._v(\"打造您的完美旅行\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-24\"},[_c('img',{staticClass:\"w-32 mx-auto\",attrs:{\"src\":require(\"../assets/img/icon_home-01.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-24\"},[_c('img',{staticClass:\"w-32 mx-auto\",attrs:{\"src\":require(\"../assets/img/icon-home-02.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-24\"},[_c('img',{staticClass:\"w-32 mx-auto\",attrs:{\"src\":require(\"../assets/img/icon-home-03.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/section04.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full mb-5\"},[_c('p',{staticClass:\"leading-tight text-base text-center tracking-widest text-gray-100 relative heading-sub\"},[_vm._v(\"許下理想行程\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full sm:w-1/2 mt-6\"},[_c('div',{staticClass:\"ml-10\"},[_c('h3',{staticClass:\"text-3xl text-gray-800 font-bold leading-none mb-3\"},[_vm._v(\"如何成為旅行規劃師？\")]),_c('p',{staticClass:\"text-gray-600 mb-8 text-base leading-loose\"},[_vm._v(\"想跟更多的人分享您的旅行感悟嗎?想通過智力服務獲取不菲的經濟收入嗎?想看到遊客旅行之後露出滿意的微笑嗎? 加入Find Trip 吧!\")]),_c('div',{staticClass:\"outline-none\"},[_c('button',{staticClass:\"bg-orange-500 outline-none hover:bg-orange-700 text-white font-bold py-2 px-4 rounded-full\"},[_vm._v(\"申請成為旅行規劃師\")])])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg-blue-100\"},[_c('div',{staticClass:\"loading\"},[_c('span'),_c('span'),_c('span'),_c('span'),_c('span')])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bg-blue-100\">\n<div class=\"loading\">\n        <span></span>\n        <span></span>\n        <span></span>\n        <span></span>\n        <span></span>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name:'loading'\n}\n</script>\n\n<style>\n/* .loading {\n\n  display: block;\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n  background-color: rgba(#e1e1e1, 0.8);\n  background-image: url('../assets/ajax-loader.gif');\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n} */\n\n.loading {\n  width: 120px;\n  height: 50px;\n  margin: 20px auto;\n  position: relative;\n}\n\n.loading span {\n  display: block;\n  position: absolute;\n  bottom: 0;\n  left:11px;\n  height: 5px;\n  width: 15px;\n  background-color: #000;\n  border-radius:30%;\n  animation: waving 1.5s infinite ease-in-out\n}\n\n.loading span:nth-of-type(2) {\n  left: 33px;\n  animation-delay: .2s\n}\n\n.loading span:nth-of-type(3) {\n  left: 55px;\n  animation-delay: .4s\n}\n\n.loading span:nth-of-type(4) {\n  left: 77px;\n  animation-delay: .6s\n}\n\n.loading span:last-of-type {\n  left: 99px;\n  animation-delay: .8s\n}\n\n@keyframes waving {\n\n  0%, 50%, 100% {\n    height: 5px;\n    transform: translateY(0);\n    background-color: #000\n  }\n\n  25% {\n    height: 35px;\n    transform: translateY(15px);\n    background-color:dodgerblue\n  }\n\n}\n\n\n\n\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!./Loading.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!./Loading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=67a261b6&\"\nimport script from \"./Loading.vue?vue&type=script&lang=js&\"\nexport * from \"./Loading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loading.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","\n/* eslint-disable vue/valid-template-root */\n  <!-- 不可以有兩個以上的根節點 -->\n<template>\n  <div id=\"wrapper\" @scroll=\"handleScroll\">\n    <transition name=\"fade\" v-if=\"show\">\n      <!-- v-if=\"show\" -->\n      <div class=\"sky\">\n        <img src=\"https://upload.cc/i1/2020/06/22/CX8Hzr.png\" class=\"plane\" />\n        <img src=\"https://i.imgur.com/6tncGeG.png\" class=\"cloud1\" />\n        <img src=\"https://i.imgur.com/6tncGeG.png\" class=\"cloud2\" />\n        <img src=\"https://i.imgur.com/6tncGeG.png\" class=\"cloud3\" />\n        <img src=\"https://i.imgur.com/6tncGeG.png\" class=\"cloud4\" />\n        <img src=\"https://i.imgur.com/6tncGeG.png\" class=\"cloud5\" />\n        <div class=\"loadingText\">\n          <span>L</span>\n          <span>O</span>\n          <span>A</span>\n          <span>D</span>\n          <span>I</span>\n          <span>N</span>\n          <span>G</span>\n        </div>\n      </div>\n    </transition>\n\n    <div class=\"text-white\">\n      <!-- NavBar Component -->\n      <NavBar />\n      <!-- hero -->\n      <div class=\"hero-bg relative overflow-hidden\">\n        <section\n          class=\"w-full container mx-auto flex flex-wrap max-w-6xl lg:h-screen -mt-1 lg:pt-24\"\n        >\n\n        \n          <!--Left Col-->\n          <div class=\"main-congent h-12 w-full lg:w-1/2 flex lg:justify-start align-start justify-center mt-32 lg:mt-32\">\n            <div class=\"mt-0 max-w-xl px-10 lg:px-6 -ml-3 lg:pr-2 pt-5 lg:pt-0\">\n              <h1\n                class=\"main-title my-4 text-5xl text-center lg:text-left font-semibold leading-snug text-gray-700 lg:text-gray-700 mb-4\"\n              >Travel More Plan Less</h1>\n              <p\n                class=\"subtitle text-center lg:text-left font-thin leading-normal text-xl mb-4 md:text-gray-200 lg:text-gray-700\"\n              >專人量身打造行程，滿足您的旅行願望 ，省時旅遊超容易</p>\n\n              <div class=\"my-10\">\n                <div class=\"relative overflow-hidden flex\">\n                  <div\n                    class=\"search-box container mx-auto max-w-6xl flex flex-col items-center h-112 lg:h-64 h-auto my-2 px-2 lg:px-0\"\n                  >\n                    <div\n                      class=\"shadow-lg flex flex-wrap w-full max-w-5xl h-112 lg:h-64 bg-white rounded-lg z-30 relative search-box_inner\"\n                    >\n                      <div class=\"pt-0 bg-blue-prod h-1 0 px-5 py-12 w-full rounded-t-lg\">\n                        <div class=\"flex justify-between lg:mt-2 sm:mt-2 text-gray-200\">\n                          <div\n                            class=\"lg:text-xl sm:text-2xl lg:tracking-xl md:tracking-normal font-bold\"\n                          >Find-Trip</div>\n                          <h3 class=\"lg:text-2xl text-md font-extrabold\">\n                            <i class=\"fas fa-plane text-md pr-2 text-gray-300\"></i>BOARDING PASS\n                          </h3>\n                        </div>\n                      </div>\n\n                      <!--shadow-lg rounded-lg <div class=\"w-full md:w-1/4 h-auto right-0\">\n         \n                      </div>   md:w-3/4-->\n                      <div class=\"w-full h-auto ticket sm:h-20\">\n                        <div class=\"flex flex-wrap lg:mb-2 mb-0\">\n                          <div class=\"relative w-full px-6 mb-1 lg:mb-6 md:mb-0\">\n                            <label\n                              class=\"block tracking-wide text-gray-700 text-md font-bold mb-2\"\n                              for=\"grid-state\"\n                            >請輸入體驗國家 或城市..</label>\n                            <div class=\"relative flex w-full\">\n                              <input\n                                type=\"search\"\n                                class=\"rounded-r-none h-12 w-full pl-10 pr-4 py-2 rounded-lg shadow focus:outline-none focus:shadow-outline text-gray-600 font-medium\"\n                                placeholder=\"請輸入國家 或城市...\"\n                                v-model=\"searchText\"\n                              />\n                              <div class=\"absolute top-0 left-0 inline-flex items-center p-2\">\n                                <svg\n                                  xmlns=\"http://www.w3.org/2000/svg\"\n                                  class=\"w-6 h-6 text-gray-400\"\n                                  viewBox=\"0 0 24 24\"\n                                  stroke-width=\"2\"\n                                  stroke=\"currentColor\"\n                                  fill=\"none\"\n                                  stroke-linecap=\"round\"\n                                  stroke-linejoin=\"round\"\n                                >\n                                  <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" stroke=\"none\" />\n                                  <circle cx=\"10\" cy=\"10\" r=\"7\" />\n                                  <line x1=\"21\" y1=\"21\" x2=\"15\" y2=\"15\" />\n                                </svg>\n                              </div>\n\n                              <button\n                                @click=\"searchData\"\n                                class=\"items-center rounded-l-none rounded-lg flex bg-teal-500 hover:bg-teal-600 focus:outline-none focus:shadow-outline hover:bg-darken text-white py-2 px-4 cursor-pointer\"\n                              >\n                                <i class=\"fas fa-search fa-lg\"></i>\n                              </button>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                   <!-- 滑鼠下滑 icon-->\n       \n        <!-- <Mouse /> -->\n              </div>\n            </div>\n          </div>\n\n          <!--Right Col-->\n          <div class=\"sm:h-20 h-screen w-full lg:h-full lg:w-1/2 relative\">\n            <div class=\"absolute inset-0 lg:mt-10 mt-8 airplane\">\n              <img src=\"../assets/img/airplane.png\" alt class=\"w-1/4 lg:w-2/5\" />\n            </div>\n          </div>\n\n         \n        </section>\n     \n\n        <div class=\"clouds\">\n          <img src=\"../assets/img/cloud1.png\" alt style=\"--i:1;\" />\n          <img src=\"../assets/img/cloud2.png\" alt style=\"--i:2;\" />\n          <img src=\"../assets/img/cloud3.png\" alt style=\"--i:3;\" />\n          <img src=\"../assets/img/cloud4.png\" alt style=\"--i:4;\" />\n          <img src=\"../assets/img/cloud5.png\" alt style=\"--i:5;\" />\n        </div>\n      </div>\n      <div class=\"relative -mt-0 lg:-mt-1 transform rotate-180\">\n        <!--lg:-mt-24-->\n        <svg\n          viewBox=\"0 0 1428 174\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n        >\n          <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n            <g transform=\"translate(-2.000000, 44.000000)\" fill=\"#FFFFFF\" fill-rule=\"nonzero\">\n              <path\n                d=\"M0,0 C90.7283404,0.927527913 147.912752,27.187927 291.910178,59.9119003 C387.908462,81.7278826 543.605069,89.334785 759,82.7326078 C469.336065,156.254352 216.336065,153.6679 0,74.9732496\"\n                opacity=\"0.100000001\"\n              />\n              <path\n                d=\"M100,104.708498 C277.413333,72.2345949 426.147877,52.5246657 546.203633,45.5787101 C666.259389,38.6327546 810.524845,41.7979068 979,55.0741668 C931.069965,56.122511 810.303266,74.8455141 616.699903,111.243176 C423.096539,147.640838 250.863238,145.462612 100,104.708498 Z\"\n                opacity=\"0.100000001\"\n              />\n              <path\n                d=\"M1046,51.6521276 C1130.83045,29.328812 1279.08318,17.607883 1439,40.1656806 L1439,120 C1271.17211,77.9435312 1140.17211,55.1609071 1046,51.6521276 Z\"\n                id=\"Path-4\"\n                opacity=\"0.200000003\"\n              />\n            </g>\n            <g transform=\"translate(-4.000000, 76.000000)\" fill=\"#FFFFFF\" fill-rule=\"nonzero\">\n              <path\n                d=\"M0.457,34.035 C57.086,53.198 98.208,65.809 123.822,71.865 C181.454,85.495 234.295,90.29 272.033,93.459 C311.355,96.759 396.635,95.801 461.025,91.663 C486.76,90.01 518.727,86.372 556.926,80.752 C595.747,74.596 622.372,70.008 636.799,66.991 C663.913,61.324 712.501,49.503 727.605,46.128 C780.47,34.317 818.839,22.532 856.324,15.904 C922.689,4.169 955.676,2.522 1011.185,0.432 C1060.705,1.477 1097.39,3.129 1121.236,5.387 C1161.703,9.219 1208.621,17.821 1235.4,22.304 C1285.855,30.748 1354.351,47.432 1440.886,72.354 L1441.191,104.352 L1.121,104.031 L0.457,34.035 Z\"\n              />\n            </g>\n          </g>\n        </svg>\n      </div>\n\n      <!-- feature -->\n      <section class=\"bg-white py-8 pb-0 gradient-blue relative\">\n        <div class=\"w-full mb-5\">\n          <div\n            class=\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"\n          >\n            <img src=\"../assets/img/section01.png\" alt />\n          </div>\n        </div>\n        <div class=\"container mx-auto flex max-w-7xl flex-wrap pb-12 sm:px-4\">\n          <h1\n            class=\"w-full my-2 text-4xl lg:text-5xl font-bold leading-tight text-center text-gray-300\"\n            v-scroll-reveal.reset\n          >How to Start ?</h1>\n          <div class=\"w-full mb-5\">\n            <p class=\"leading-tight text-base text-center tracking-widest relative heading-sub\">如何使用</p>\n          </div>\n\n          <div\n            class=\"-ml-3 w-full md:w-1/4 py-6 px-4 flex flex-col flex-grow flex-shrink relative\"\n            v-scroll-reveal.reset=\"{ delay: 250 }\"\n          >\n            <div class=\"flex-1 bg-white rounded-lg overflow-hidden shadow arrow-step\">\n              <div class=\"flex items-center justify-center\">\n                <div\n                  class=\"mx-auto lg:mx-0 bg-blue-600 text-white rounded-full mt-6 mb-4 py-2 px-8\"\n                >Step 01</div>\n              </div>\n              <div class=\"flex items-center justify-center mb-3 w-46 mx-auto\">\n                <img src=\"../assets/img/feature001.png\" alt=\"feature001.png\" />\n              </div>\n\n              <div\n                class=\"w-full font-bold text-base text-center text-gray-800 px-6 pb-6\"\n              >決定好旅行的區域、預算</div>\n            </div>\n          </div>\n          <!-- step01 -->\n\n          <div\n            class=\"w-full md:w-1/4 py-6 px-4 flex flex-col flex-grow flex-shrink relative\"\n            v-scroll-reveal.reset=\"{ delay: 450 }\"\n          >\n            <div class=\"flex-1 bg-white rounded-lg overflow-hidden shadow arrow-step\">\n              <div class=\"flex items-center justify-center\">\n                <div\n                  class=\"mx-auto lg:mx-0 bg-blue-600 text-white rounded-full mt-6 mb-4 py-2 px-8\"\n                >Step 02</div>\n              </div>\n              <div class=\"flex items-center justify-center mb-3 w-46 mx-auto\">\n                <img src=\"../assets/img/feature002.png\" alt=\"feature002.png\" />\n              </div>\n\n              <div\n                class=\"w-full font-bold text-base text-center text-gray-800 px-6 pb-6\"\n              >尋找專屬您的旅行規劃師</div>\n            </div>\n          </div>\n          <!-- step02 -->\n          <div\n            class=\"w-full md:w-1/4 py-6 px-4 flex flex-col flex-grow flex-shrink relative\"\n            v-scroll-reveal.reset=\"{ delay: 650 }\"\n          >\n            <div class=\"flex-1 bg-white rounded-lg overflow-hidden shadow\">\n              <div class=\"flex items-center justify-center\">\n                <div\n                  class=\"mx-auto lg:mx-0 bg-orange-600 text-white rounded-full mt-6 mb-4 py-2 px-8\"\n                >Step 03</div>\n              </div>\n              <div class=\"flex items-center justify-center mb-3 w-46 mx-auto\">\n                <img src=\"../assets/img/feature003.png\" alt=\"feature003.png\" />\n              </div>\n\n              <div class=\"w-full font-bold text-base text-center text-gray-800 px-6 pb-6\">享受量身打造旅程</div>\n            </div>\n          </div>\n\n          <!-- step03 -->\n        </div>\n\n        <div class=\"relative -mt-12 lg:-mt-10\">\n          <!--lg:-mt-24-->\n          <svg id=\"data-bg-top\" viewBox=\"0 0 3000 760\" preserveAspectRatio=\"none\">\n            <path\n              d=\"M0 760h3000V68.7C2930 36.5 2825.1.2 2712.3 0c-155.9-.3-370.4 59.3-513.3 180.5-206.7 175.1-472 143.6-554 124-182.6-43.8-156.4-143.2-450-140-212.8 2.3-263.7 120.5-491 243-179.3 96.6-580.1 65.8-704-41.8V760z\"\n            />\n          </svg>\n        </div>\n      </section>\n\n      <!-- 熱門規劃師 Component -->\n      <section class=\"bg-chiaki-blue\" v-scroll-reveal.reset=\"{ delay: 250 }\">\n        <div class=\"w-full mb-5\">\n          <div\n            class=\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"\n          >\n            <img src=\"../assets/img/section02.png\" alt />\n          </div>\n        </div>\n        <div class=\"container mx-auto flex max-w-7xl flex-wrap pb-12 sm:px-4\">\n          <h1\n            class=\"w-full my-2 font-bold leading-tight text-center text-blue-600 text-4xl lg:text-5xl\"\n          >Recommend</h1>\n          <div class=\"w-full mb-5\">\n            <p\n              class=\"leading-tight text-base text-center tracking-widest text-gray-700 relative heading-sub\"\n            >熱門規劃師</p>\n          </div>\n          <Travel-card :project=\"recommends\" v-scroll-reveal.reset=\"{ delay: 250 }\" />\n        </div>\n      </section>\n\n      <!-- 網站特色 -->\n\n      <section class=\"bg-chiaki-blue pt-24\">\n        <div class=\"w-full mb-5\">\n          <div\n            class=\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"\n          >\n            <img src=\"../assets/img/section03.png\" alt />\n          </div>\n        </div>\n        <div class=\"container mx-auto flex max-w-7xl flex-wrap pb-12\">\n          <h1\n            class=\"w-full my-2 text-4xl lg:text-5xl font-bold leading-tight text-center text-blue-600\"\n            v-scroll-reveal.reset=\"{ delay: 250 }\"\n          >Feature</h1>\n          <div class=\"w-full mb-5\">\n            <p\n              class=\"leading-tight text-base text-center tracking-widest text-gray-700 relative heading-sub\"\n            >打造您的完美旅行</p>\n          </div>\n\n          <div class=\"mt-12 sm:flex items-start justify-between sm:-mx-2\">\n            <div\n              class=\"max-h-350 w-full bg-white rounded-lg shadow-lg py-8 px-4 sm:w-1/3 sm:mx-2 lg:mx-6\"\n              v-scroll-reveal.reset=\"{ delay: 450 }\"\n            >\n              <div class=\"h-24\">\n                <img src=\"../assets/img/icon_home-01.png\" alt class=\"w-32 mx-auto\" />\n              </div>\n              <h4 class=\"text-center text-xl text-gray-800 font-bold mt-10\">為什麼選擇尋旅？</h4>\n              <p\n                class=\"text-base text-gray-600 mt-2 leading-loose\"\n              >擁有各路旅遊大師精選秘境景點 ，不用透過旅行社花大錢 ，只要小額購買旅行規劃師時間， 也可小資玩全球，省時又簡單！</p>\n            </div>\n\n            <div\n              class=\"w-full bg-white rounded-lg shadow-lg py-8 px-4 mt-6 sm:mt-0 sm:w-1/3 sm:mx-2 lg:mx-6\"\n              v-scroll-reveal.reset=\"{ delay: 550 }\"\n            >\n              <div class=\"h-24\">\n                <img src=\"../assets/img/icon-home-02.png\" alt class=\"w-32 mx-auto\" />\n              </div>\n              <h4 class=\"text-center text-xl text-gray-800 font-bold mt-10\">嚴格謹慎的規劃師篩選</h4>\n              <p\n                class=\"text-base text-gray-600 mt-2 leading-loose\"\n              >成為旅行大師們可不是說說而已 ，尋旅上的每個規劃師都是透過嚴謹的內部審核， 才能提供好玩又有趣的旅行計劃</p>\n            </div>\n\n            <div\n              class=\"w-full bg-white rounded-lg shadow-lg py-8 px-4 mt-6 sm:mt-0 sm:w-1/3 sm:mx-2 lg:mx-6\"\n              v-scroll-reveal.reset=\"{ delay: 650 }\"\n            >\n              <div class=\"h-24\">\n                <img src=\"../assets/img/icon-home-03.png\" alt class=\"w-32 mx-auto\" />\n              </div>\n              <h4 class=\"text-center text-xl text-gray-800 font-bold mt-10\">小額費用享用完善服務</h4>\n              <p\n                class=\"text-base text-gray-600 mt-2 leading-loose leading-loose\"\n              >尋旅不只提供專屬你的規劃師服務， 也能找尋最適合您的交通規劃與住宿，讓旅行規劃師幫您完善打理您的旅途</p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <div class=\"relative -mt-12 lg:-mt-10 pb-12\">\n        <svg id=\"life-bg-bottom\" viewBox=\"0 0 3000 210\" preserveAspectRatio=\"none\">\n          <path\n            d=\"M3000 0H0v149c7-.3 14.7 0 23.1 1.1 60.3 8 94.4 48.7 161.6 50.8 171.8 5.3 192-70.9 304-70.5 116.5.5 187.2 76.4 401 79.5 155.3 2.2 146.8-43.7 286-52 115.5 7.8 132.2 49.8 300.5 49.8 83.4 0 172.2-43.8 328.5-43.8 106 0 155.3 43 254.1 43 98.8 0 196.3-81.2 279-110 110-38.3 231.4 46.2 317.9 43 66.8-2.5 104.2-27.9 178-26 85.4 2.3 106.9 54.7 166.4 76.6V0z\"\n          />\n        </svg>\n      </div>\n\n      <!-- 許願池  Component-->\n      <section class=\"gradient-blue\">\n        <div class=\"w-full mb-5 mt-2\" v-scroll-reveal.reset=\"{ delay: 250 }\">\n          <div\n            class=\"mx-auto bg-blue-200 border-4 border-white w-20 h-20 my-0 py-0 rounded-full flex items-center\"\n          >\n            <img src=\"../assets/img/section04.png\" alt />\n          </div>\n        </div>\n        <div class=\"container mx-auto flex max-w-7xl flex-wrap pb-12\">\n          <h1\n            class=\"w-full my-2 text-5xl font-bold leading-tight text-center text-gray-100\"\n          >Wishing board</h1>\n          <div class=\"w-full mb-5\">\n            <p\n              class=\"leading-tight text-base text-center tracking-widest text-gray-100 relative heading-sub\"\n            >許下理想行程</p>\n          </div>\n          <!-- wishboard -->\n          <div\n            class=\"w-full md:w-1/2 lg:w-1/4 flex flex-col mb-8 mt-4 px-3 cursor-pointer\"\n            v-for=\"item in homeWish\"\n            @click=\"getWish(item.id)\"\n            :key=\"item.id\"\n          >\n            <div\n              class=\"min-h-180 overflow-hidden bg-white round-xll shadow hover:shadow-md transition duration-500 ease-in-out transform hover:bg-gray-200 hover:-translate-y-8\"\n            >\n              <div class=\"p-6 flex flex-col justify-between\">\n                <div class=\"flex items-center\">\n                  <div class=\"flex items-center\">\n                    <img\n                      class=\"border-gray-500 shadow border-2 w-10 h-10 rounded-full mr-3 flex-1\"\n                      :src=\" item.manpic ? item.manpic : 'https://picsum.photos/50/50/?people=4'\"\n                      alt=\"people\"\n                    />\n                  </div>\n\n                  <span class=\"font-medium text-gray-600 font-bold leading-normal\">{{item.name}}</span>\n                </div>\n\n                <p class=\"inline-flex items-center py-4\">\n                  <span class=\"text-gray-700 text-sm\">我想去{{item.Comment1}} 想做 {{item.Comment2}}</span>\n                </p>\n\n                <!-- 評論點數 -->\n                <div class=\"flex items-center justify-end py-2\">\n                  <div class=\"text-gray-600 flex hover:text-blue-500 items-center mr-2\">\n                    <span\n                      class=\"w-8 h-8 hover:bg-blue-200 rounded-full flex items-center justify-center hover:text-blue-500\"\n                    >\n                      <svg viewBox=\"0 0 24 24\" class=\"w-4 h-4 fill-current\">\n                        <g>\n                          <path\n                            d=\"M14.046 2.242l-4.148-.01h-.002c-4.374 0-7.8 3.427-7.8 7.802 0 4.098 3.186 7.206 7.465 7.37v3.828c0 .108.044.286.12.403.142.225.384.347.632.347.138 0 .277-.038.402-.118.264-.168 6.473-4.14 8.088-5.506 1.902-1.61 3.04-3.97 3.043-6.312v-.017c-.006-4.367-3.43-7.787-7.8-7.788zm3.787 12.972c-1.134.96-4.862 3.405-6.772 4.643V16.67c0-.414-.335-.75-.75-.75h-.396c-3.66 0-6.318-2.476-6.318-5.886 0-3.534 2.768-6.302 6.3-6.302l4.147.01h.002c3.532 0 6.3 2.766 6.302 6.296-.003 1.91-.942 3.844-2.514 5.176z\"\n                          />\n                        </g>\n                      </svg>\n                    </span>\n                    <span class=\"ml-1\">{{item.CommentTotal}}</span>\n                  </div>\n\n                  <div class=\"text-gray-600 flex hover:text-red-500 items-center mr-2\">\n                    <span\n                      class=\"w-8 h-8 hover:bg-red-200 rounded-full flex items-center justify-center hover:text-red-500\"\n                    >\n                      <svg viewBox=\"0 0 24 24\" class=\"w-4 h-4 fill-current\">\n                        <g>\n                          <path\n                            d=\"M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.814-1.148 2.354-2.73 4.645-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.376-7.454 13.11-10.037 13.157H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.034 11.596 8.55 11.658 1.518-.062 8.55-5.917 8.55-11.658 0-2.267-1.823-4.255-3.903-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.014-.03-1.425-2.965-3.954-2.965z\"\n                          />\n                        </g>\n                      </svg>\n                    </span>\n                    <span class=\"ml-0\">{{item.LikeTotal}}</span>\n                  </div>\n\n                  <!-- 收藏功能 -->\n                  <!-- <div\n              class=\"text-gray-600 flex hover:text-red-500 items-center justify-content-end mx-2\"\n            >\n              <a\n                href=\"#\"\n                class=\"w-4 h-4 hover:bg-gray-300 rounded-full flex items-center justify-center hover:text-gray-500\"\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  class=\"w-4 h-4 fill-current stroke-1\"\n                >\n                  <path d=\"M2 2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v18l-8-4-8 4V2zm2 0v15l6-3 6 3V2H4z\" />\n                </svg>\n              </a>\n                  </div>-->\n                </div>\n              </div>\n            </div>\n          </div>\n          <!-- <WishBoard v-scroll-reveal.reset=\"{ delay: 450 }\" :wishList=\"homeWish\"   /> -->\n\n          <div class=\"py-5 mx-auto outline-none\">\n            <router-link\n              to=\"/wish\"\n              class=\"bg-orange-500 outline-none hover:bg-orange-700 text-white font-bold py-2 px-4 rounded-full\"\n            >更多內容</router-link>\n          </div>\n\n          <ZDialog\n            v-if=\"commentVisible\"\n            :ZDialog=\"commentVisible\"\n            @dialog-cancel=\"closeManage\"\n            :wishMessage=\"wishMessage\"\n          ></ZDialog>\n        </div>\n      </section>\n\n      <!-- 成為旅行規劃師 -->\n\n      <section class=\"bg-white py-8\">\n        <div class=\"flex-col-reverse lg:flex-row container max-w-7xl mx-auto my-8\">\n          <div class=\"flex flex-wrap flex-col-reverse lg:flex-row\">\n            <div class=\"lg:visible w-full sm:w-1/2 mt-6 relative\">\n              <img src=\"../assets/img/bg_day.svg\" alt=\"bg_day.svg\" class=\"Sday\" />\n              <div class=\"car\">\n                <svg\n                  width=\"307\"\n                  height=\"210\"\n                  viewBox=\"0 0 307 210\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <g fill=\"none\" fill-rule=\"evenodd\">\n                    <path\n                      d=\"M153.424 201.22c84.677 0 153.424-.013 153.424 4.39 0 4.404-68.747 4.39-153.424 4.39S0 210.044 0 205.61c0-4.433 68.747-4.39 153.424-4.39z\"\n                      fill=\"#DDD\"\n                    />\n                    <path\n                      d=\"M280.472 182.785c0-2.908-2.49-5.268-5.56-5.268H41.608c-3.068 0-5.559 2.36-5.559 5.268 0 2.907 2.49 5.267 5.559 5.267h233.306c3.069 0 5.559-2.36 5.559-5.267z\"\n                      fill=\"#138184\"\n                    />\n                    <path\n                      d=\"M208.376 95.871c0-7.268-5.89-13.168-13.144-13.168h-88.013c-7.254 0-13.142 5.9-13.142 13.168 0 7.268 5.888 13.169 13.142 13.169h88.013c7.254 0 13.144-5.9 13.144-13.169z\"\n                      fill=\"#FFF\"\n                    />\n                    <path\n                      d=\"M242.665 120.453c0-7.268-5.89-13.169-13.142-13.169h-88.014c-7.253 0-13.143 5.901-13.143 13.169 0 7.268 5.89 13.169 13.143 13.169h88.014c7.253 0 13.142-5.901 13.142-13.169z\"\n                      fill=\"#FFF\"\n                    />\n                    <path\n                      d=\"M192.55 38.366c0-7.51-5.95-13.606-13.279-13.606H95.046c-7.329 0-13.278 6.096-13.278 13.606v2.638c0 7.51 5.949 13.605 13.278 13.605h84.225c7.33 0 13.279-6.096 13.279-13.605v-2.638z\"\n                      fill=\"#F0AEA8\"\n                    />\n                    <path\n                      d=\"M176.724 11.383c0-6.183-4.974-11.204-11.1-11.204h-57.81c-6.125 0-11.1 5.021-11.1 11.204v2.173c0 6.184 4.975 11.204 11.1 11.204h57.81c6.126 0 11.1-5.02 11.1-11.204v-2.173z\"\n                      fill=\"#88D4DA\"\n                    />\n                    <path\n                      d=\"M192.55 38.366c0-7.51-5.93-13.606-13.235-13.606h-73.762c-7.305 0-13.235 6.096-13.235 13.606v2.638c0 7.51 5.93 13.605 13.235 13.605h73.762c7.305 0 13.235-6.096 13.235-13.605v-2.638z\"\n                      fill=\"#E4968F\"\n                    />\n                    <path\n                      d=\"M177.603 11.383C177.603 5.2 172.605.18 166.449.18h-50.668c-6.155 0-11.154 5.021-11.154 11.204v2.173c0 6.184 4.999 11.204 11.154 11.204h50.668c6.156 0 11.154-5.02 11.154-11.204v-2.173z\"\n                      fill=\"#65C0C0\"\n                    />\n                    <path\n                      d=\"M73.696 45.83c-.398 0-.72.394-.72.879v1.755c0 .485.322.878.72.878H202.38c.397 0 .72-.393.72-.878v-1.755c0-.485-.323-.879-.72-.879H73.696z\"\n                      fill=\"#999\"\n                    />\n                    <path\n                      d=\"M78.25 58.962c0 .505.493.915 1.1.915h2.198c.607 0 1.099-.41 1.099-.915V49.38c0-.505-.492-.915-1.1-.915H79.35c-.607 0-1.1.41-1.1.915v9.583zM192.55 58.962c0 .505.492.915 1.098.915h2.199c.606 0 1.099-.41 1.099-.915V49.38c0-.505-.493-.915-1.099-.915h-2.199c-.606 0-1.098.41-1.098.915v9.583z\"\n                      fill=\"#999\"\n                    />\n                    <path\n                      d=\"M280.472 109.024c0-22.53-24.413-55.095-43.9-55.292H79.705c-40.518 0-44.537 17.706-44.537 58.063v40.043c0 18.05 14.708 32.703 32.824 32.703h179.655c18.117 0 32.824-14.654 32.824-32.703v-42.814z\"\n                      fill=\"#E9E9E9\"\n                    />\n                    <path\n                      d=\"M241.392 125.72c-38.56.005-206.223.044-206.223.044v32.014c0 2.625.465 5.164 1.33 7.562 4.007 11.093 16.599 19.2 31.495 19.2l184.977-.37c10.67 0 16.93-1.265 21.792-7.624 5.567-7.282 5.831-10.56 5.68-26.522-.03-3.23-6.846-12.053-12.835-15.991-5.988-3.939-13.42-8.314-26.216-8.313z\"\n                      fill=\"#26BEC9\"\n                    />\n                    <path\n                      d=\"M272.838 86.75c-2.86-5.351-7.356-11.922-7.356-11.922l-68.4-.027c-5.414 0-9.808 4.23-9.808 9.438v18.875c0 5.209 4.394 9.438 9.807 9.438l81.61-.019s.161-4.78-.38-8.675c-.92-6.637-2.849-12.198-5.473-17.109zM178.482 85.117c0-5.209-4.204-9.438-9.383-9.438h-48.935c-5.178 0-9.382 4.23-9.382 9.438v18.875c0 5.209 4.204 9.438 9.382 9.438H169.1c5.179 0 9.383-4.23 9.383-9.438V85.117z\"\n                      fill-opacity=\"0.5\"\n                      fill=\"#FFF\"\n                    />\n                    <path\n                      d=\"M181.12 85.117c0-5.209-4.204-9.438-9.383-9.438h-48.935c-5.178 0-9.382 4.229-9.382 9.438v18.875c0 5.209 4.204 9.438 9.382 9.438h48.935c5.179 0 9.383-4.23 9.383-9.438V85.117z\"\n                      fill-opacity=\"0.5\"\n                      fill=\"#BCBCBC\"\n                    />\n                    <path\n                      d=\"M100.231 85.117c0-5.209-4.247-9.438-9.48-9.438H55.2c-5.232 0-9.48 4.229-9.48 9.438v18.875c0 5.209 4.248 9.438 9.48 9.438h35.553c5.232 0 9.48-4.23 9.48-9.438V85.117z\"\n                      fill-opacity=\"0.5\"\n                      fill=\"#FFF\"\n                    />\n                    <path\n                      d=\"M103.748 85.117c0-5.209-4.249-9.438-9.48-9.438H58.716c-5.232 0-9.48 4.23-9.48 9.438v18.875c0 5.209 4.248 9.438 9.48 9.438h35.552c5.231 0 9.48-4.23 9.48-9.438V85.117z\"\n                      fill-opacity=\"0.5\"\n                      fill=\"#BCBCBC\"\n                    />\n                    <path\n                      d=\"M51.845 133.622c-.469 0-.85.393-.85.877v1.756c0 .485.381.878.85.878h35.226c.47 0 .851-.393.851-.878V134.5a.865.865 0 0 0-.851-.877H51.845zM51.845 140.645c-.469 0-.85.393-.85.878v1.756c0 .484.381.878.85.878h35.226c.47 0 .851-.394.851-.878v-1.756a.865.865 0 0 0-.851-.878H51.845z\"\n                      fill-opacity=\"0.404\"\n                      fill=\"#FFF\"\n                    />\n                    <path\n                      d=\"M274.27 86.903c-2.839-5.348-7.012-11.2-7.012-11.2l-67.603-.024c-5.378 0-9.743 4.226-9.743 9.433v18.868c0 5.207 4.365 9.434 9.743 9.434l80.781.016s.198-4.872-.339-8.767c-.916-6.634-3.22-12.85-5.827-17.76z\"\n                      fill-opacity=\"0.5\"\n                      fill=\"#BCBCBC\"\n                    />\n                    <path fill=\"#C77D76\" d=\"M81.768 40.563H192.55v-2.634H81.768z\" />\n                    <path fill=\"#C5E5E7\" d=\"M96.714 14.225h80.01v-2.633h-80.01z\" />\n                    <path\n                      d=\"M271.68 145.912c2.912 0 5.275 4.721 5.275 10.535 0 5.815-2.363 10.535-5.275 10.535-2.912 0-5.276-4.72-5.276-10.535 0-5.814 2.364-10.535 5.276-10.535z\"\n                      fill=\"#E6C06D\"\n                    />\n                    <path\n                      d=\"M276.076 183.663c0-1.938-1.632-3.512-3.641-3.512h-32.283c-2.01 0-3.641 1.574-3.641 3.512s1.63 3.511 3.64 3.511h32.284c2.01 0 3.64-1.573 3.64-3.511zM80.888 182.785c0-1.938-1.599-3.512-3.568-3.512H41.375c-1.97 0-3.568 1.574-3.568 3.512s1.599 3.511 3.568 3.511H77.32c1.97 0 3.568-1.573 3.568-3.511z\"\n                      fill=\"#138184\"\n                    />\n                    <g id=\"wheel-1\">\n                      <path\n                        d=\"M225.52 158.203c12.86 0 23.3 10.425 23.3 23.265s-10.44 23.265-23.3 23.265c-12.858 0-23.299-10.425-23.299-23.265s10.441-23.265 23.3-23.265z\"\n                        fill=\"#666\"\n                      />\n                      <path\n                        d=\"M226.4 166.982c8.492 0 15.386 6.884 15.386 15.364s-6.894 15.363-15.386 15.363c-8.491 0-15.387-6.884-15.387-15.363 0-8.48 6.896-15.364 15.387-15.364z\"\n                        fill=\"#999\"\n                      />\n                      <path\n                        d=\"M232.099 185.276c3.145-5.469-4.096-15.586 1.351-12.429 5.447 3.158 7.316 10.161 4.172 15.63-3.146 5.468-10.12 7.345-15.568 4.188-5.447-3.158 6.9-1.92 10.045-7.39z\"\n                        fill=\"#B8B7B7\"\n                      />\n                    </g>\n                    <path\n                      d=\"M273.438 147.668c2.426 0 4.396 4.13 4.396 9.218s-1.97 9.218-4.396 9.218-4.396-4.13-4.396-9.218c0-5.087 1.97-9.218 4.396-9.218z\"\n                      fill=\"#EDCC86\"\n                    />\n                    <path\n                      d=\"M156.501 37.93c0-.97-.766-1.757-1.71-1.757h-34.385c-.945 0-1.711.787-1.711 1.756v3.512c0 .969.766 1.756 1.71 1.756h34.386c.944 0 1.71-.787 1.71-1.756v-3.512z\"\n                      fill=\"#C45F56\"\n                    />\n                    <path\n                      d=\"M151.226 11.372c0-.847-.66-1.536-1.474-1.536h-25.187c-.814 0-1.474.69-1.474 1.536v3.073c0 .848.66 1.536 1.474 1.536h25.187c.814 0 1.474-.688 1.474-1.536v-3.073z\"\n                      fill=\"#5EA1A6\"\n                    />\n                    <g id=\"wheel-2\">\n                      <path\n                        d=\"M87.482 158.203c12.86 0 23.3 10.425 23.3 23.265s-10.44 23.265-23.3 23.265c-12.859 0-23.299-10.425-23.299-23.265s10.44-23.265 23.3-23.265z\"\n                        fill=\"#666\"\n                      />\n                      <path\n                        d=\"M87.482 166.982c8.493 0 15.387 6.884 15.387 15.364s-6.894 15.363-15.387 15.363c-8.491 0-15.386-6.884-15.386-15.363 0-8.48 6.895-15.364 15.386-15.364z\"\n                        fill=\"#999\"\n                      />\n                      <path\n                        d=\"M92.303 185.276c3.145-5.469-4.096-15.586 1.351-12.429 5.447 3.158 7.316 10.161 4.171 15.63-3.145 5.468-10.12 7.345-15.567 4.188-5.447-3.158 6.9-1.92 10.045-7.39z\"\n                        fill=\"#B8B7B7\"\n                      />\n                    </g>\n                    <path\n                      d=\"M35.169 144.742c0-.323-.296-.585-.66-.585h-1.318c-.364 0-.66.262-.66.585v14.632c0 .323.296.585.66.585h1.318c.364 0 .66-.262.66-.585v-14.632z\"\n                      fill=\"#CCC\"\n                    />\n                  </g>\n                </svg>\n              </div>\n            </div>\n            <div class=\"w-full sm:w-1/2 mt-6\">\n              <div class=\"ml-10\">\n                <h3 class=\"text-3xl text-gray-800 font-bold leading-none mb-3\">如何成為旅行規劃師？</h3>\n                <p\n                  class=\"text-gray-600 mb-8 text-base leading-loose\"\n                >想跟更多的人分享您的旅行感悟嗎?想通過智力服務獲取不菲的經濟收入嗎?想看到遊客旅行之後露出滿意的微笑嗎? 加入Find Trip 吧!</p>\n                <div class=\"outline-none\">\n                  <button\n                    class=\"bg-orange-500 outline-none hover:bg-orange-700 text-white font-bold py-2 px-4 rounded-full\"\n                  >申請成為旅行規劃師</button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n      <!--Footer Component-->\n      <!-- 海浪特效 -->\n      <Footer />\n    </div>\n  </div>\n</template>\n<script>\n/* eslint-disable */\nimport $ from \"jquery\";\nimport store from \"@/store\";\nimport Footer from \"@/components/Footer.vue\";\nimport NavBar from \"@/components/NavBar.vue\";\nimport TravelCard from \"@/components/TravelCard.vue\";\nimport WishBoard from \"@/components/WishBoard.vue\";\nimport ZDialog from \"@/components/ZDialog.vue\";\n\nimport Loading from \"@/components/Loading.vue\";\n// import Mouse from \"@/components/MouceIcon.vue\";\nimport { mapState, mapActions, mapMutations } from \"vuex\";\n\nexport default {\n  name: \"Home\",\n  data() {\n    return {\n      show: true,\n      filterData: [],\n      showAnimate: false,\n      searchText: \"\",\n      commentVisible: false,\n      wishMessage: {}\n    };\n  },\n  components: {\n    NavBar,\n    Footer,\n    TravelCard,\n    WishBoard,\n    ZDialog,\n  \n  },\n  computed: {\n    ...mapState([\"projects\"], [\"userInfo\"], [\"Permission\"], [\"wishList\"]),\n\n    // project(){\n    //   return store.state.projects\n    // },\n    recommends() {\n      const project = [...this.projects];\n      // console.log(project);\n      return project.sort((a, b) => b.star - a.star).splice(0, 3); //取亂數\n      //讓星星最多在上面\n    },\n    homeWish() {\n      const wish = [...this.$store.state.wishList];\n      return wish.sort(() => Math.random() - 0.5).splice(0, 4);\n    }\n  },\n  methods: {\n    handleScroll: function() {\n      let scrollHeight = $(window).scrollTop();\n      //  console.log(\"重要参考：\"+scrollHeight);\n      if (scrollHeight > 3500) {\n        $(\".car\").addClass(\"animated\");\n\n        this.showAnimate = true;\n      }\n    },\n    closeManage() {\n      this.commentVisible = false;\n    },\n    beforeClose(done) {\n      //dialog關掉的xx\n\n      this.commentVisible = false;\n      done();\n    },\n    getWish(id) {\n      //旅行家觀看單一許願板\n\n      const vm = this;\n\n      let api = `${process.env.VUE_APP_APIPATH}wish/inner/${id}`;\n      this.$http.get(api).then(res => {\n        if (res.data.success) {\n          vm.wishMessage = res.data.result;\n          vm.commentVisible = true;\n          // console.log(vm.wishMessage);\n        }\n      });\n    },\n    open() {\n      this.show = true;\n    },\n    searchData() {\n      let api = `${process.env.VUE_APP_APIPATH}plan/search?search=${this.searchText}`;\n      this.$http\n        .get(api)\n        .then(res => {\n          console.log(res);\n          if (res.data.success) {\n            //  this.porjects = res.data.result;\n            // this.$store.commit('setProjectInfo', res.data.result);\n          }\n          this.$router.push({\n            name: \"Product\",\n            query: { search: this.searchText }\n          });\n          // this.projects =\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    },\n    //api 動作\n    ...mapActions([\"getProjects\"], [\"getOneUser\"]),\n    ...mapMutations(\n      [\"changeLogin\"],\n      [\"loginStart\"],\n      [\"UPDATE_USER\"],\n      [\"PREMISSION\"],\n      [\"WISHMESSAGE\"]\n    )\n  },\n  mounted() {\n    const vm = this;\n    setTimeout(() => {\n      vm.show = false;\n    }, 3500);\n    window.addEventListener(\"scroll\", this.handleScroll, true);\n  },\n  created() {\n    this.getProjects();\n\n    this.$store.dispatch(\"getOneUser\");\n    // console.log(this.homeWish)\n  }\n};\n</script>\n<style scoped>\n.search-box {\n  position: relative;\n  top: 0px;\n  max-height: 18rem;\n  /* margin-bottom: -126px; */\n  margin: 0 auto;\n  /* margin-top: -79px; */\n}\n.search-box_inner:before {\n  content: \"\";\n  background-image: url(/img/map_bg.1199acf2.png);\n  background-size: cover;\n  background-color: #fff;\n  background-repeat: no-repeat;\n  background-position: bottom center;\n  opacity: 0.3;\n  position: absolute;\n  right: 0;\n  top: 24%;\n  width: 80%;\n  height: 80%;\n}\n.ticket:before {\n  display: none;\n}\n.clouds img {\n  max-width: 67%;\n}\n.hero-bg {\n  height: 79vh;\n  background-position: top bottom;\n}\n.min-h-180 {\n  max-height: 215px;\n}\n.max-h-350 {\n  max-height: 350px;\n}\n.form-head:before,\n.form-head:after {\n  background-color: #fff;\n}\n#wrapper {\n  background: linear-gradient(90deg, #0a65c2 0%, #bee3f8 100%);\n}\n/* this is boat.svg css */\n\n.cls-1 {\n  fill: #fff;\n}\n\n.cls-2 {\n  fill: #ebebeb;\n}\n\n.cls-3 {\n  fill: #6e5541;\n}\n\n.cls-4 {\n  fill: #fff0d1;\n}\n\n.cls-5 {\n  fill: #f5e0b3;\n}\n\n.cls-6 {\n  fill: #448cbc;\n}\n\n.cls-7 {\n  fill: #32688c;\n}\n\n.cls-8 {\n  fill: #2b5978;\n}\n\n.cls-9 {\n  opacity: 0.5;\n}\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=9c9dc784&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=9c9dc784&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  \"9c9dc784\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toInteger = require('../internals/to-integer');\nvar toLength = require('../internals/to-length');\nvar toObject = require('../internals/to-object');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar createProperty = require('../internals/create-property');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');\nvar USES_TO_LENGTH = arrayMethodUsesToLength('splice', { ACCESSORS: true, 0: 0, 1: 2 });\n\nvar max = Math.max;\nvar min = Math.min;\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';\n\n// `Array.prototype.splice` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.splice\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH }, {\n  splice: function splice(start, deleteCount /* , ...items */) {\n    var O = toObject(this);\n    var len = toLength(O.length);\n    var actualStart = toAbsoluteIndex(start, len);\n    var argumentsLength = arguments.length;\n    var insertCount, actualDeleteCount, A, k, from, to;\n    if (argumentsLength === 0) {\n      insertCount = actualDeleteCount = 0;\n    } else if (argumentsLength === 1) {\n      insertCount = 0;\n      actualDeleteCount = len - actualStart;\n    } else {\n      insertCount = argumentsLength - 2;\n      actualDeleteCount = min(max(toInteger(deleteCount), 0), len - actualStart);\n    }\n    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {\n      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);\n    }\n    A = arraySpeciesCreate(O, actualDeleteCount);\n    for (k = 0; k < actualDeleteCount; k++) {\n      from = actualStart + k;\n      if (from in O) createProperty(A, k, O[from]);\n    }\n    A.length = actualDeleteCount;\n    if (insertCount < actualDeleteCount) {\n      for (k = actualStart; k < len - actualDeleteCount; k++) {\n        from = k + actualDeleteCount;\n        to = k + insertCount;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];\n    } else if (insertCount > actualDeleteCount) {\n      for (k = len - actualDeleteCount; k > actualStart; k--) {\n        from = k + actualDeleteCount - 1;\n        to = k + insertCount - 1;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n    }\n    for (k = 0; k < insertCount; k++) {\n      O[k + actualStart] = arguments[k + 2];\n    }\n    O.length = len - actualDeleteCount + insertCount;\n    return A;\n  }\n});\n"],"sourceRoot":""}