{"version":3,"sources":["webpack:///./src/components/page/Wish.vue?4985","webpack:///src/components/page/Wish.vue","webpack:///./src/components/page/Wish.vue?8c35","webpack:///./src/components/page/Wish.vue?8f94","webpack:///./src/components/page/Wish.vue?172f"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","isLoading","on","$event","_m","staticClass","_v","sort","wishModel","tag","_l","item","key","id","getWish","manpic","_s","name","Comment1","Comment2","CommentTotal","LikeTotal","commentVisible","beforeClose","wishMessage","CreateOn","slice","_e","$store","state","userInfo","directives","rawName","value","rely","expression","domProps","target","composing","$set","relyWish","NewComment","wishVisble","wish","wishComment","staticRenderFns","components","NavBar","Footer","data","wishBoard","relyMessage","isLike","orderBy","orderOption","computed","methods","by","option","done","token","$notify","info","title","message","openMidel","console","log","Authorization","Info","$http","Rid","get","api","then","res","success","vm","result","getllWish","created","getOneUser","component"],"mappings":"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","file":"js/chunk-6f277597.1181087d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('loading',{attrs:{\"loader\":\"bars\",\"active\":_vm.isLoading},on:{\"update:active\":function($event){_vm.isLoading=$event}}}),_c('NavBar'),_vm._m(0),_c('div',{staticClass:\"my-2 lg:ml-10 ml-2\"},[_c('div',{staticClass:\"container flex max-w-7xl mx-auto \"},[_c('div',{staticClass:\"py-2 lg:px-0 px-2 text-gray-600 text-sm\"},[_c('ul',{staticClass:\"list-inline inline-flex hover:underlines\"},[_c('li',{staticClass:\"pr-2\"},[_c('router-link',{attrs:{\"to\":\"/home\"}},[_c('i',{staticClass:\"fa fa-home hover:text-blue-500\"})]),_c('span',{staticClass:\"mx-1\"},[_vm._v(\"/\")])],1),_c('li',{staticClass:\"pr-2\"},[_c('router-link',{staticClass:\"hover:text-blue-500\",attrs:{\"to\":\"/wish\"}},[_vm._v(\"許願池\")])],1)])])])]),_c('section',{staticClass:\"bg-chiaki-blue py-10\"},[_c('div',{staticClass:\"py-5 flex\"},[_c('div',{staticClass:\"container mx-auto max-w-7xl pr-4 mb-5\"},[_c('div',{staticClass:\"relative people_wrap\"},[_c('button',{staticClass:\"bg-blue-500  text-white mr-4 xs:mr-8 hover:bg-blue-700 hover:font-medium focus:outline-none hover:shadow-xs px-4\",on:{\"click\":function($event){return _vm.sort('CommentTotal','asc')}}},[_vm._v(\"回 覆 總 數\")]),_c('button',{staticClass:\"bg-blue-500 text-white mr-4 xs:mr-8 hover:bg-blue-700 hover:font-medium focus:outline-none hover:shadow-xs px-4\",on:{\"click\":function($event){return _vm.sort('LikeTotal','asc')}}},[_vm._v(\"愛 心 點 讚 \")]),_c('span',{staticClass:\" hover:font-medium  text-lg  ml-4\",on:{\"click\":function($event){return _vm.sort(null, true)}}},[_vm._v(\"⇅\")])])]),_c('div',{staticClass:\"mt-1 mb-3 flex justify-end\"},[_c('div',{staticClass:\"btnCust eventInsert\",on:{\"click\":_vm.wishModel}},[_vm._v(\"我要許願\")])])]),_c(\"transition-group\",{tag:\"div\",staticClass:\"flex container mx-auto flex-wrap max-w-7xl px-4 sm:px-5\",attrs:{\"name\":\"fade-list\"}},_vm._l((_vm.sortedRod),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:\"overflow-hidden bg-white round-xll shadow sample 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 bg-white shadow border-2 w-10 h-10 object-cover  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-2 lg:w-52 w-full\"},[_c('span',{staticClass:\"ellipsis ext-gray-600 text-sm leading-loose\"},[_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('a',{staticClass:\"w-8 h-8 hover:bg-blue-200 rounded-full flex items-center justify-center hover:text-blue-500\",attrs:{\"href\":\"#\"}},[_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-0\"},[_vm._v(_vm._s(item.CommentTotal))])]),_c('div',{staticClass:\"text-gray-600 flex hover:text-red-500 items-center mr-2\"},[_c('a',{staticClass:\"w-8 h-8 hover:bg-red-200 rounded-full flex items-center justify-center hover:text-red-500\",attrs:{\"href\":\"#\"}},[_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-1\"},[_vm._v(_vm._s(item.LikeTotal))])])])])])])}),0)],1),_c('el-dialog',{attrs:{\"visible\":_vm.commentVisible,\"before-close\":_vm.beforeClose}},[_c('div',{staticClass:\"flex container max-w-4xl mx-auto\"},[_c('div',{staticClass:\"w-full flex flex-col flex-wrap justify-center px-6 lg:px-0\"},[_c('div',{staticClass:\"container mx-auto max-w-2xl round-xll overflow-hidden bg-white relative\"},[_c('div',{staticClass:\"bg-blue-500 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"},[_c('h3',{staticClass:\"lg:text-2xl text-gray-100 text-md font-extrabold\"},[_c('i',{staticClass:\"fas fa-plane text-md pr-2 text-gray-100\"}),_vm._v(\"BOARDING PASS \")])]),_c('div',{staticClass:\"p-12 px-10 bg-gray-200\"},[_c('div',{staticClass:\"mb-3\"},[_c('div',{staticClass:\"w-full flex flex-wrap\"},[_c('div',{staticClass:\"w-full flex items-center\"},[_c('div',{staticClass:\"w-16 h-16 rounded-full bg-blue-500 mb-3 ml-1\"},[_c('img',{staticClass:\"mx-auto w-16 h-16 rounded-full  object-cover\",attrs:{\"src\":_vm.wishMessage.manpic ?  _vm.wishMessage.manpic : '../../assets/img/user001.png',\"alt\":\"\"}})]),_c('span',{staticClass:\"text-lg pl-2 text-gray-700 \"},[_vm._v(_vm._s(_vm.wishMessage.name))]),(_vm.wishMessage.CreateOn || '')?_c('div',{staticClass:\"text-sm pl-2 flex items-end\"},[_c('div',[_vm._v(_vm._s(_vm.wishMessage.CreateOn.slice(0,10)))])]):_vm._e()])])]),_c('div',{staticClass:\"mb-3\"},[_c('p',{staticClass:\"text-lg text-gray-500 leading-loose\"},[_vm._v(\"我想去 \"+_vm._s(_vm.wishMessage.Comment1)+\" 希望可以 \"+_vm._s(_vm.wishMessage.Comment2)+\"！\")])]),_c('div',{staticClass:\"flex items-center justify-start py-2 border-b border-blue-200 mb-5\"},[_c('div',{staticClass:\"text-gray-700 flex hover:text-blue-500 items-center mr-2\"},[_c('a',{staticClass:\"w-10 h-10 hover:bg-blue-200 rounded-full flex items-center justify-center hover:text-blue-500\",attrs:{\"href\":\"#\"}},[_c('svg',{staticClass:\"w-6 h-6 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-0\"},[_vm._v(_vm._s(_vm.wishMessage.CommentTotal))])]),_c('div',{staticClass:\"text-gray-600 flex hover:text-red-500 items-center mr-2\"},[_c('a',{staticClass:\"w-10 h-10 hover:bg-red-200 rounded-full flex items-center justify-center hover:text-red-500\",attrs:{\"href\":\"#\"}},[_c('svg',{staticClass:\"w-6 h-6 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-1\"},[_vm._v(_vm._s(_vm.wishMessage.CommentTotal))])])]),(_vm.$store.state.token)?_c('div',{staticClass:\"w-full flex items-center\"},[_c('div',{staticClass:\"w-16 h-16 rounded-full bg-blue-500\"},[_c('img',{staticClass:\"mx-auto object-cover w-16 h-16 rounded-full\",attrs:{\"src\":_vm.$store.state.userInfo.manpic ?  _vm.$store.state.userInfo.manpic : '../../assets/img/man001.svg',\"alt\":\"\"}})]),_c('div',{staticClass:\"text-lg pl-8 text-gray-400\"},[_c('span',[_vm._v(_vm._s(_vm.$store.state.userInfo.name))])])]):_vm._e(),_c('div',{staticClass:\"flex flex-wrap\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rely.NewComment),expression:\"rely.NewComment\"}],staticClass:\"bg-white focus:outline-none focus:shadow-outline border border-gray-300 rounded-lg py-2 px-4 mt-2 block w-full appearance-none leading-normal\",attrs:{\"placeholder\":\"留言\",\"type\":\"input\"},domProps:{\"value\":(_vm.rely.NewComment)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.rely, \"NewComment\", $event.target.value)}}})]),_c('div',{staticClass:\"mb-3 border-gray-300 border-b pb-5\"},[_c('div',{staticClass:\"flex justify-end\"},[_c('button',{staticClass:\"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded mt-5\",on:{\"click\":function($event){return _vm.relyWish(_vm.wishMessage.id)}}},[_vm._v(\"留言\")])])]),_vm._l((_vm.wishMessage.wishReply),function(item){return _c('div',{key:item.id,staticClass:\"mb-8 w-full flex items-center relative\"},[_c('div',{staticClass:\"w-16 h-16 rounded-full bg-blue-500 absolute\"},[_c('img',{staticClass:\"mx-auto object-cover w-16 h-16 rounded-full\",attrs:{\"src\":item.manpic ? item.manpic : '../../assets/img/man002.svg',\"alt\":\"\"}})]),_c('div',{staticClass:\"w-full flex flex-col items-stretch text-lg pl-20 text-gray-400\"},[_c('span',{staticClass:\"text-base mb-3\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"font-medium mb-7 bg-white rounded-lg h-auto p-5\"},[_c('p',{staticClass:\"text-lg text-gray-500 leading-loose\"},[_vm._v(_vm._s(item.NewComment))])])])])})],2),_c('div',{staticClass:\"relative bg-blue-500 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"},[_c('div',{staticClass:\"sbarcode\"})])])])])]),_c('el-dialog',{attrs:{\"visible\":_vm.wishVisble,\"before-close\":_vm.beforeClose}},[_c('div',{staticClass:\"flex container max-w-4xl mx-auto\"},[_c('div',{staticClass:\"w-full flex flex-col flex-wrap justify-center px-6 lg:px-0\"},[_c('div',{staticClass:\"container mx-auto max-w-2xl round-xll overflow-hidden bg-white relative\"},[_c('div',{staticClass:\"bg-blue-700 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"},[_c('h3',{staticClass:\"lg:text-2xl text-gray-100 text-md font-extrabold\"},[_c('i',{staticClass:\"fas fa-plane text-md pr-2 text-gray-100\"}),_vm._v(\"BOARDING PASS \")])]),_c('div',{staticClass:\"p-12 px-10 lg:px-20 border-gray-200 border-2\"},[_c('div',{staticClass:\"mb-3\"},[_c('div',{staticClass:\"w-full flex flex-wrap\"},[_c('div',{staticClass:\"w-full flex items-center\"},[_c('div',{staticClass:\"w-16 h-16 rounded-full bg-blue-500\"},[_c('img',{staticClass:\"object-cover w-16 h-16 rounded-full\",attrs:{\"src\":_vm.$store.state.userInfo.manpic,\"alt\":\"\"}})]),_c('span',{staticClass:\"text-lg pl-2\"},[_vm._v(_vm._s(_vm.$store.state.userInfo.name))])])])]),_c('div',{staticClass:\"mb-5\"},[_c('div',{staticClass:\"md:flex-1\"},[_c('label',{staticClass:\"border-3 block tracking-wide text-gray-700 text-lg font-bold\"},[_vm._v(\"我想去:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.wish.Comment1),expression:\"wish.Comment1\"}],staticClass:\"bg-white focus:outline-none border-b border-gray-300 py-2 px-0 mt-2 block w-full appearance-none leading-normal\",attrs:{\"type\":\"text\",\"placeholder\":\"像是冰島\"},domProps:{\"value\":(_vm.wish.Comment1)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.wish, \"Comment1\", $event.target.value)}}})])]),_c('div',{staticClass:\"mb-5\"},[_c('div',{staticClass:\"md:flex-1\"},[_c('label',{staticClass:\"border-3 block tracking-wide text-gray-700 text-lg font-bold\"},[_vm._v(\"我想做:\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.wish.Comment2),expression:\"wish.Comment2\"}],staticClass:\"bg-white focus:outline-none border rounded border-gray-300 py-2 px-0 mt-2 block w-full appearance-none leading-normal\",attrs:{\"type\":\"text\",\"placeholder\":\"最有名的冰島看一整天山\"},domProps:{\"value\":(_vm.wish.Comment2)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.wish, \"Comment2\", $event.target.value)}}})])]),_c('div',{staticClass:\"md:flex-1 flex justify-end\"},[_c('el-button',{staticClass:\"bg-blue-200 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full mx-4\",on:{\"click\":function($event){_vm.wishVisble = false}}},[_vm._v(\"取消\")]),_c('el-button',{staticClass:\"bg-blue-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded-full mx-4\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.wishComment}},[_vm._v(\"留言\")])],1)]),_c('div',{staticClass:\"bg-blue-700 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"})])])])]),_c('Footer')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hero bg-cover h-112 overflow-hidden\"},[_c('div',{staticClass:\"mt-10 lg:px-5 p-6 py-12 flex container max-w-7xl mx-auto member flex flex-wrap items-center justify-around\"},[_c('div',{staticClass:\"post\"},[_c('div',{staticClass:\"  py-10 px-10 border border-gray-100 py-10 flex-col  container max-w-7xl bg-white flex text-gray-500 rounded-lg shadow-xl items-center\"},[_c('h2',{staticClass:\"text-4xl text-teal-900\"},[_vm._v(\" 願望成真！ \"),_c('i',{staticClass:\"fab fa-gratipay\"})]),_c('p',{staticClass:\"text-xl text-gray-700\"},[_vm._v(\" 如果願望累積到 50個 \"),_c('i',{staticClass:\"fas fa-heart \"}),_vm._v(\"，Find Trip 將為大家找知名旅行家大人來設計行程! \")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n        <loading loader=\"bars\" :active.sync=\"isLoading\"></loading>\n    <!-- NavBar Component -->\n    <NavBar />\n    <!-- banner -->\n    <div class=\"hero bg-cover h-112 overflow-hidden\">\n      <!-- 選告 -->\n      <div\n        class=\"mt-10 lg:px-5 p-6 py-12 flex container max-w-7xl mx-auto member flex flex-wrap items-center justify-around\"\n      >\n      <div class=\"post\">\n        <div\n          class=\"  py-10 px-10 border border-gray-100 py-10 flex-col  container max-w-7xl bg-white flex text-gray-500 rounded-lg shadow-xl items-center\"\n        >\n          <h2 class=\"text-4xl text-teal-900\">\n            願望成真！\n            <i class=\"fab fa-gratipay\"></i>\n          </h2>\n          <p class=\"text-xl text-gray-700\">\n            如果願望累積到 50個\n            <i class=\"fas fa-heart \"></i>，Find Trip 將為大家找知名旅行家大人來設計行程!\n          </p>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- 麵包屑 -->\n    <div class=\"my-2 lg:ml-10 ml-2\">\n      <div class=\"container flex max-w-7xl mx-auto \">\n        <div class=\"py-2 lg:px-0 px-2 text-gray-600 text-sm\">\n          <ul class=\"list-inline inline-flex hover:underlines\">\n              <li class=\"pr-2\">\n                <router-link to=\"/home\">\n                  <i class=\"fa fa-home hover:text-blue-500\"></i>\n                </router-link>\n                <span class=\"mx-1\">/</span>\n              </li>\n              \n            <li class=\"pr-2\"> <router-link to=\"/wish\" class=\"hover:text-blue-500\">許願池</router-link></li>\n          </ul>\n        </div>\n      </div>\n    </div>\n\n    <!-- 熱門規劃師 -->\n    <section class=\"bg-chiaki-blue py-10\">\n      <div class=\"py-5 flex\">\n          <div class=\"container mx-auto max-w-7xl pr-4 mb-5\">\n          <div class=\"relative people_wrap\">\n                <button\n              @click=\"sort('CommentTotal','asc')\"\n            class=\"bg-blue-500  text-white mr-4 xs:mr-8 hover:bg-blue-700 hover:font-medium focus:outline-none hover:shadow-xs px-4\"\n          >回 覆 總 數</button>\n          <button\n            @click=\"sort('LikeTotal','asc')\"\n            class=\"bg-blue-500 text-white mr-4 xs:mr-8 hover:bg-blue-700 hover:font-medium focus:outline-none hover:shadow-xs px-4\"\n          >愛  心  點 讚     </button>\n          <span\n             @click=\"sort(null, true)\"\n            class=\" hover:font-medium  text-lg  ml-4\"\n          >⇅</span>\n          </div>\n          </div>\n\n          <div class=\"mt-1 mb-3 flex justify-end\">\n            <div class=\"btnCust eventInsert\" @click=\"wishModel\">我要許願</div>\n          </div>\n        </div>\n      <!-- filter -->\n      <div class=\"flex container mx-auto flex-wrap max-w-7xl px-4 sm:px-5\" name=\"fade-list\" is=\"transition-group\" >\n        \n        <!-- 類型挑選 -->\n         <!--<div class=\"container mx-auto max-w-7xl pr-4 mb-5\">\n          <div class=\"people_wrap my-6 lg:mt-4 flex flex-wrap leading-sm inline-flex items-center\">\n            <button class=\"bg-blue-500\">冒險</button>\n            <button class=\"bg-blue-500\">秘境</button>\n            <button class=\"bg-blue-500\">文化</button>\n            <button class=\"bg-blue-500\">吃貨</button>\n            <button class=\"bg-blue-500\">宗教</button>\n            <button class=\"bg-blue-500\">購物</button>\n          </div>\n        </div>-->\n     \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          @click=\"getWish(item.id)\"    \n          v-for=\"item in sortedRod\"\n          :key=\"item.id\"\n        >\n          <div class=\"overflow-hidden bg-white round-xll shadow sample hover:shadow-md  transition duration-500 ease-in-out  transform hover:bg-gray-200 hover:-translate-y-8\">\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 bg-white shadow border-2 w-10 h-10 object-cover  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-2 lg:w-52 w-full\">\n                <span class=\"ellipsis ext-gray-600 text-sm leading-loose\">我想去 {{item.Comment1}} 做 {{item.Comment2}}</span>\n              </p>\n              <!-- <div class=\"py-2\">\n                <a href=\"#\">\n                  <img\n                    alt=\"Placeholder\"\n                    class=\"block h-auto w-full\"\n                    src=\"https://picsum.photos/600/400/?random\"\n                  />\n                </a>\n              </div> -->\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                  <a\n                    href=\"#\"\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                  </a>\n                  <span class=\"ml-0\">{{item.CommentTotal}}</span>\n                </div>\n\n                <div class=\"text-gray-600 flex hover:text-red-500 items-center mr-2\">\n                  <a\n                    href=\"#\"\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                  </a>\n                  <span class=\"ml-1\">{{item.LikeTotal}}</span>\n                </div>\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\n                        d=\"M2 2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v18l-8-4-8 4V2zm2 0v15l6-3 6 3V2H4z\"\n                      />\n                    </svg>\n                  </a>\n                </div>-->\n              </div>\n            </div>\n          </div>\n        </div>\n    \n      </div>\n\n      \n    </section>\n\n    <el-dialog :visible=\"commentVisible\" :before-close=\"beforeClose\">\n      <!-- 下面是點擊留言格式 -->\n\n      <div class=\"flex container max-w-4xl mx-auto\">\n        <div class=\"w-full flex flex-col flex-wrap justify-center px-6 lg:px-0\">\n          <div class=\"container mx-auto max-w-2xl round-xll overflow-hidden bg-white relative\">\n            <div\n              class=\"bg-blue-500 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"\n            >\n              <h3 class=\"lg:text-2xl text-gray-100 text-md font-extrabold\">\n                <i class=\"fas fa-plane text-md pr-2 text-gray-100\"></i>BOARDING PASS\n              </h3>\n            </div>\n            <div class=\"p-12 px-10 bg-gray-200\">\n              <div class=\"mb-3\">\n                <div class=\"w-full flex flex-wrap\">\n                  <div class=\"w-full flex items-center\">\n                    <div class=\"w-16 h-16 rounded-full bg-blue-500 mb-3 ml-1\">\n                      <img\n                        :src=\" wishMessage.manpic ?  wishMessage.manpic : '../../assets/img/user001.png'\"\n                        alt\n                        class=\"mx-auto w-16 h-16 rounded-full  object-cover\"\n                      />\n                    </div>\n                    <span class=\"text-lg pl-2 text-gray-700 \">{{ wishMessage.name}}</span>\n\n                    <div class=\"text-sm pl-2 flex items-end\" v-if=\"wishMessage.CreateOn || ''\" > \n                      <div>{{ wishMessage.CreateOn.slice(0,10)}}</div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"mb-3\">\n                <p\n                  class=\"text-lg text-gray-500 leading-loose\"\n                >我想去 {{wishMessage.Comment1}} 希望可以 {{wishMessage.Comment2}}！</p>\n                <!-- <img src=\"../../assets/img/jp001.jpg\" alt=\"w-full h-auto mt-15\" srcset /> -->\n              </div>\n\n              <div class=\"flex items-center justify-start py-2 border-b border-blue-200 mb-5\">\n                <div class=\"text-gray-700 flex hover:text-blue-500 items-center mr-2\">\n                  <a\n                    href=\"#\"\n                    class=\"w-10 h-10 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-6 h-6 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                  </a>\n                  <span class=\"ml-0\">{{ wishMessage.CommentTotal}}</span>\n                </div>\n\n                <div class=\"text-gray-600 flex hover:text-red-500 items-center mr-2\">\n                  <a\n                    href=\"#\"\n                    class=\"w-10 h-10 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-6 h-6 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                  </a>\n                  <span class=\"ml-1\">{{wishMessage.CommentTotal}}</span>\n                </div>\n              </div>\n\n              <div class=\"w-full flex items-center\" v-if=\"$store.state.token\">\n                <div class=\"w-16 h-16 rounded-full bg-blue-500\">\n                  <img\n                    :src=\" $store.state.userInfo.manpic ?  $store.state.userInfo.manpic : '../../assets/img/man001.svg'\"\n                    alt\n                    class=\"mx-auto object-cover w-16 h-16 rounded-full\"\n                  />\n                </div>\n                <div class=\"text-lg pl-8 text-gray-400\">\n                  <span>{{$store.state.userInfo.name}}</span>\n                </div>\n              </div>\n\n              <div class=\"flex flex-wrap\">\n                <textarea\n                  placeholder=\"留言\"\n                  class=\"bg-white focus:outline-none focus:shadow-outline border border-gray-300 rounded-lg py-2 px-4 mt-2 block w-full appearance-none leading-normal\"\n                  type=\"input\"\n                  v-model=\"rely.NewComment\"\n                ></textarea>\n              </div>\n              <div class=\"mb-3 border-gray-300 border-b pb-5\">\n                <div class=\"flex justify-end\">\n                  <button\n                    @click=\"relyWish(wishMessage.id)\"\n                    class=\"bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded mt-5\"\n                  >留言</button>\n                </div>\n              </div>\n              <div\n                class=\"mb-8 w-full flex items-center relative\"\n                v-for=\" item in wishMessage.wishReply\"\n                :key=\"item.id\"\n              >\n                <div class=\"w-16 h-16 rounded-full bg-blue-500 absolute\">\n                  <img\n                    :src=\"item.manpic ? item.manpic : '../../assets/img/man002.svg'\"\n                    alt\n                    class=\"mx-auto object-cover w-16 h-16 rounded-full\"\n                  />\n                </div>\n                <div class=\"w-full flex flex-col items-stretch text-lg pl-20 text-gray-400\">\n                  <span class=\"text-base mb-3\">{{item.name}}</span>\n                      <div class=\"font-medium mb-7 bg-white rounded-lg h-auto p-5\">\n\n                  <p class=\"text-lg text-gray-500 leading-loose\">{{item.NewComment}}</p>\n                  </div>\n                </div>\n              </div>\n              <!-- <div class=\"my-3 border-gray-300 border-t pb-5\">\n                <div class=\"flex justify-end\">\n                  <p class=\"font-bold mt-5 text-gray-600\">\n                    <i class=\"fas fa-reply pr-2\"></i>回覆\n                  </p>\n                </div>\n              </div>-->\n            </div>\n\n            <div\n              class=\"relative bg-blue-500 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"\n            >\n              <div class=\"sbarcode\"></div>\n            </div>\n          </div>\n\n          <!-- </div> -->\n        </div>\n      </div>\n    </el-dialog>\n\n    <el-dialog :visible=\"wishVisble\" :before-close=\"beforeClose\">\n      <!-- 下面是留言格式 -->\n\n      <div class=\"flex container max-w-4xl mx-auto\">\n        <div class=\"w-full flex flex-col flex-wrap justify-center px-6 lg:px-0\">\n          <div class=\"container mx-auto max-w-2xl round-xll overflow-hidden bg-white relative\">\n            <div\n              class=\"bg-blue-700 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"\n            >\n              <h3 class=\"lg:text-2xl text-gray-100 text-md font-extrabold\">\n                <i class=\"fas fa-plane text-md pr-2 text-gray-100\"></i>BOARDING PASS\n              </h3>\n            </div>\n            <div class=\"p-12 px-10 lg:px-20 border-gray-200 border-2\">\n              <div class=\"mb-3\">\n                <div class=\"w-full flex flex-wrap\">\n                  <div class=\"w-full flex items-center\">\n                    <div class=\"w-16 h-16 rounded-full bg-blue-500\">\n                      <img\n                        :src=\"$store.state.userInfo.manpic\"\n                        alt\n                        class=\"object-cover w-16 h-16 rounded-full\"\n                      />\n                    </div>\n                    <span class=\"text-lg pl-2\">{{$store.state.userInfo.name}}</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"mb-5\">\n                <div class=\"md:flex-1\">\n                  <label class=\"border-3 block tracking-wide text-gray-700 text-lg font-bold\">我想去:</label>\n                  <input\n                    type=\"text\"\n                    class=\"bg-white focus:outline-none border-b border-gray-300 py-2 px-0 mt-2 block w-full appearance-none leading-normal\"\n                    placeholder=\"像是冰島\"\n                    v-model=\"wish.Comment1\"\n                  />\n\n                  <!--<div class=\"text-xs text-gray-600\">Help text</div>-->\n                </div>\n              </div>\n              <div class=\"mb-5\">\n                <div class=\"md:flex-1\">\n                  <label class=\"border-3 block tracking-wide text-gray-700 text-lg font-bold\">我想做:</label>\n                  <textarea\n                    v-model=\"wish.Comment2\"\n                    type=\"text\"\n                    class=\"bg-white focus:outline-none border rounded border-gray-300 py-2 px-0 mt-2 block w-full appearance-none leading-normal\"\n                    placeholder=\"最有名的冰島看一整天山\"\n                  ></textarea>\n\n                  <!--<div class=\"text-xs text-gray-600\">Help text</div>-->\n                </div>\n              </div>\n              <div class=\"md:flex-1 flex justify-end\">\n                <el-button\n                  @click=\"wishVisble = false\"\n                  class=\"bg-blue-200 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full mx-4\"\n                >取消</el-button>\n                <el-button\n                  type=\"primary\"\n                  @click=\"wishComment\"\n                  class=\"bg-blue-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded-full mx-4\"\n                >留言</el-button>\n              </div>\n            </div>\n\n            <div\n              class=\"bg-blue-700 bg-cover bg-center h-20 p-4 flex justify-end items-center form-head\"\n            ></div>\n          </div>\n\n          <!-- </div> -->\n        </div>\n      </div>\n    </el-dialog>\n    <Footer />\n  </div>\n</template>\n<script>\nimport { mapState, mapActions, mapMutations } from \"vuex\";\nimport NavBar from \"@/components/NavBar.vue\";\nimport Footer from \"@/components/Footer.vue\";\nimport _ from \"lodash\";\nexport default {\n  name: \"wish\",\n  components: {\n    NavBar,\n    Footer\n  },\n  data() {\n    return {\n      isLoading: false,\n      wishBoard: [],\n      relyMessage: {},\n      wishMessage: {},\n      commentVisible: false,\n      wishVisble: false,\n      wish: {\n        Comment1: \"\",\n        Comment2: \"\"\n      },\n      rely: {\n        NewComment: \"\"\n      },\n      isLike: false,\n      orderBy: \"position\",\n      orderOption: \"asc\"\n    };\n  },\n  computed: {\n    ...mapState([\"userInfo\"], [\"wishList\"], [\"projects\"]),\n     sortedRod() {\n      return _.orderBy(this.wishBoard, this.orderBy, this.orderOption);\n    },\n  },\n  methods: {\n    ...mapActions([\"getOneUser\"], [\"getProjects\"]),\n\n    ...mapMutations(\n      [\"UPDATE_USER\"],\n      [\"changeLogin\"],\n      [\"setProjectInfo\"],\n      [\"WISHMESSAGE\"]\n    ),\n     sort: function(by, option) {\n      if (this.orderBy == by) {\n        if (this.orderOption == \"asc\") {\n          this.orderOption = \"desc\";\n        } else if (this.orderOption == \"desc\") {\n          this.orderOption = \"asc\";\n        }\n      } else {\n        this.orderOption = option;\n        this.orderBy = by;\n      }\n    },\n    beforeClose(done) {\n      //dialog關掉的xx\n      this.wishVisble = false;\n      this.commentVisible = false;\n      done();\n    },\n    wishModel() {\n      if (!this.$store.state.token) {\n        this.$notify.info({\n          title: \"提醒\",\n          message: \"請先登入或是註冊會員\"\n        });\n        this.wishVisble = false;\n      } else {\n        this.wishVisble = true;\n      }\n    },\n\n    openMidel(id) {\n      console.log(id);\n      this.commentVisible = true;\n    },\n    wishComment() {\n      //傳送願望\n      let token = localStorage.getItem(\"token\");\n      const headers = {\n        Authorization: `Bearer ${token}`\n      };\n      const vm = this;\n      const api = `${process.env.VUE_APP_APIPATH}/wish/make`;\n      // const vm = this;\n      const Info = {\n        Comment1: this.wish.Comment1,\n        Comment2: this.wish.Comment2\n      };\n      console.log(Info);\n\n      this.$http\n        .post(api, Info, { headers })\n        .then(res => {\n          if (res.data.success) {\n            // console.log(res.data);\n            this.message = res.data.result;\n            console.log(this.message);\n            this.$message(\"留言成功\");\n            vm.getllWish();\n\n            vm.wishVisbl = false;\n          }\n        })\n        .catch(err => {\n          console.log(err);\n          this.$message({\n            message: \"留言失敗\",\n            type: \"warning\"\n          });\n        });\n    },\n    relyWish(id) {\n      let token = localStorage.getItem(\"token\");\n      const headers = {\n        Authorization: `Bearer ${token}`\n      };\n      const vm = this;\n      const api = `${process.env.VUE_APP_APIPATH}wish/reply/`;\n\n      // const vm = this;\n      const message = {\n        NewComment: this.rely.NewComment,\n        Rid: id\n      };\n      // console.log(message);\n\n      if (!this.$store.state.token) {\n        this.$notify.info({\n          title: \"提醒\",\n          message: \"請先登入或是註冊會員\"\n        });\n      } else {\n        this.$http\n          .post(api, message, { headers })\n          .then(res => {\n            if (res.data.success) {\n              // console.log(res.data);\n              // this.relyMessage = res.data.result;\n              // console.log(this.relyMessage);\n              this.$message(\"留言成功\");\n              vm.getWish(id);\n                 vm.getllWish();\n                  vm.commentVisible = true;\n      \n            }\n          })\n          .catch(err => {\n            console.log(err);\n            this.$message({\n              message: \"留言失敗\",\n              type: \"warning\"\n            });\n          });\n      }\n    },\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    getllWish() {\n      let api = `${process.env.VUE_APP_APIPATH}/wish/all`;\n\n      const vm = this;\n      // vm.isLoading = true;\n      // console.log(api);\n      this.$http\n        .get(api)\n        .then(response => {\n          // vm.isLoading = false;\n          vm.wishBoard = response.data.result;\n          // console.log(vm.wishBoard);\n        })\n        .catch(err => {\n          console.log(err.message);\n        });\n    }\n  },\n\n  created() {\n    this.getOneUser();\n    this.getllWish();\n    // this.$store.dispatch(\"getProjects\");\n  }\n};\n</script>\n\n<style scoped>\n.form-head:before,\n.form-head:after {\n  background-color: #fff;\n}\n.post{\n  \n\n  background: repeating-linear-gradient(45deg, #114abc, #114abc 10px, #fff 10px, #fff 20px, #bf2010 20px, #bf2010 30px, #fff 30px, #fff 40px);\n  padding: 20px;\n  border-radius: 6px;\n  box-shadow: 1px 2px 6px 1px rgba(76, 66, 47, 0.75);\n  /* width: calc(100% - 24px);\n  height: calc(100% - 24px); */\n  /* position: absolute;\n  top: -8px;\n  left: -8px;\n  z-index: -1; */\n\n}\n\n.fade-list-move {\n\ttransition: transform 0.25s ease;\n}\n\n.fade-list-leave-to {\n\ttransition: all 0.5s ease;\n\topacity: 0.8;\n}\n</style>\n\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!./Wish.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!./Wish.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Wish.vue?vue&type=template&id=7dc2c8a6&scoped=true&\"\nimport script from \"./Wish.vue?vue&type=script&lang=js&\"\nexport * from \"./Wish.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Wish.vue?vue&type=style&index=0&id=7dc2c8a6&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  \"7dc2c8a6\",\n  null\n  \n)\n\nexport default component.exports","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!./Wish.vue?vue&type=style&index=0&id=7dc2c8a6&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!./Wish.vue?vue&type=style&index=0&id=7dc2c8a6&scoped=true&lang=css&\""],"sourceRoot":""}