{"version":3,"sources":["webpack:///./src/views/Search.vue?062a","webpack:///src/views/Search.vue","webpack:///./src/views/Search.vue?0d6a","webpack:///./src/views/Search.vue","webpack:///./src/views/Search.vue?851b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","directives","name","rawName","value","expression","domProps","on","search","$event","target","composing","keyword","$router","back","_v","_l","jobList","item","index","key","staticRenderFns","data","$store","state","methods","commit","created","components","Icon","component"],"mappings":"0HAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACG,MAAM,CAAC,KAAO,YAAYH,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAW,QAAEY,WAAW,YAAYL,MAAM,CAAC,KAAO,SAAS,YAAc,aAAaM,SAAS,CAAC,MAASb,EAAW,SAAGc,GAAG,CAAC,OAASd,EAAIe,OAAO,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqBlB,EAAImB,QAAQH,EAAOC,OAAON,YAAW,GAAGP,EAAG,OAAO,CAACU,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOhB,EAAIoB,QAAQC,UAAU,CAACrB,EAAIsB,GAAG,UAAUlB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAKJ,EAAIuB,GAAIvB,EAAIwB,QAAY,MAAE,SAASC,EAAKC,GAAO,OAAOtB,EAAG,KAAK,CAACuB,IAAID,GAAO,CAACtB,EAAG,UAAU,CAACG,MAAM,CAAC,IAAMkB,MAAS,MAAK,GAAGrB,EAAG,UAAU,CAACG,MAAM,CAAC,UAAY,eAAe,MACj1BqB,EAAkB,G,gDCuBtB,GACEnB,KAAM,SACNoB,KAFF,WAGI,MAAO,CACLV,QAAS,GACTK,QAASvB,KAAK6B,OAAOC,MAAMP,QAAQL,UAGvCa,QAAS,CACPjB,OADJ,WAGMd,KAAK6B,OAAOG,OAAO,sBAAuB,CAAhD,yBAGEC,QAdF,aAgBEC,WAAY,CACVC,KAAJ,OAAI,QAAJ,OAAI,QAAJ,SCzCgV,I,wBCQ5UC,EAAY,eACd,EACAtC,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,kECnBf,yBAAmiB,EAAG","file":"js/chunk-7e341bf6.5e985ac1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search\"},[_c('div',{staticClass:\"search-bar\"},[_c('div',{staticClass:\"input-wrapper\"},[_c('Icon',{attrs:{\"type\":\"search\"}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.keyword),expression:\"keyword\"}],attrs:{\"type\":\"search\",\"placeholder\":\"输入你要搜索的职位\"},domProps:{\"value\":(_vm.keyword)},on:{\"search\":_vm.search,\"input\":function($event){if($event.target.composing){ return; }_vm.keyword=$event.target.value}}})],1),_c('span',{on:{\"click\":function($event){return _vm.$router.back()}}},[_vm._v(\"取消\")])]),_c('div',{staticClass:\"list-wrapper\"},[_c('ul',_vm._l((_vm.jobList.list),function(item,index){return _c('li',{key:index},[_c('JobItem',{attrs:{\"job\":item}})],1)}),0),_c('loading',{attrs:{\"noMoreMsg\":\"未搜索到相关职位\"}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"search\">\r\n    \r\n    <div class=\"search-bar\">\r\n      <div class=\"input-wrapper\"><Icon type=\"search\" /><input type=\"search\" placeholder=\"输入你要搜索的职位\" v-model=\"keyword\" @search=\"search\"></div>\r\n      <span @click=\"$router.back()\">取消</span>\r\n    </div>\r\n    <div class=\"list-wrapper\">\r\n      <ul>\r\n        <li v-for=\"(item, index) in jobList.list\" :key=\"index\" >\r\n          <JobItem :job=\"item\" />\r\n        </li>\r\n      </ul>\r\n      <loading noMoreMsg=\"未搜索到相关职位\"/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Icon from '@/components/Icon'\r\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\r\nimport JobItem from '../components/JobItem.vue'\r\nimport Loading from '../components/Loading.vue'\r\n\r\nexport default {\r\n  name: 'Search',\r\n  data() {\r\n    return {\r\n      keyword: '',\r\n      jobList: this.$store.state.jobList.keyword, // 还是用vuex保管数据，便于以后重写代码\r\n    }\r\n  },\r\n  methods: {\r\n    search() {\r\n      // 关键字搜索\r\n      this.$store.commit('jobListGetByKeyword', {keyword: this.keyword})\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  components: {\r\n    Icon,JobItem,Loading\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search {\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #EDF2FA;\r\n  .search-bar { padding: 0 38px 0 32px; height: 80px; background:rgba(242,242,242,1); display: flex; justify-content: space-between; align-items: center;\r\n   font-size:28px; color:rgba(153,153,153,1);\r\n    .input-wrapper { width:584px; height:60px; background:rgba(255,255,255,1); border-radius:8px; display: flex; align-items: center; padding-left: 42px;\r\n      input { margin-left: 18px; width: 450px; border: none; outline: none; padding: 0;height: 60px;line-height: 60px;\r\n        &::placeholder { color: #999999; font-size: 28px; }\r\n      }\r\n    }\r\n    > span { font-size:28px; color:rgba(26,72,156,1); }\r\n  }\r\n  .list-wrapper { padding: 16px; flex: 1; overflow-x: hidden; overflow-y: auto;\r\n    &::-webkit-scrollbar { width: 0; height: 0; }\r\n    li { border-bottom: 1px solid #e5e5e5;\r\n      &:last-child { border-bottom: none; }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Search.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!./Search.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Search.vue?vue&type=template&id=09cd7e91&scoped=true&\"\nimport script from \"./Search.vue?vue&type=script&lang=js&\"\nexport * from \"./Search.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Search.vue?vue&type=style&index=0&id=09cd7e91&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"09cd7e91\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Search.vue?vue&type=style&index=0&id=09cd7e91&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Search.vue?vue&type=style&index=0&id=09cd7e91&lang=scss&scoped=true&\""],"sourceRoot":""}