{"version":3,"sources":["webpack:///./src/views/booking/ProductList.vue?acf0","webpack:///./src/views/booking/ProductList.vue","webpack:///src/views/booking/ProductList.vue","webpack:///./src/views/booking/ProductList.vue?5e3d","webpack:///./src/views/booking/ProductList.vue?edff","webpack:///./src/views/PageProductSearch.vue?ae7b","webpack:///./src/assets/icons/icon_search.png","webpack:///./src/assets/icons/icon_add.png","webpack:///./src/views/PageProductSearch.vue","webpack:///src/views/PageProductSearch.vue","webpack:///./src/views/PageProductSearch.vue?a248","webpack:///./src/views/PageProductSearch.vue?1441"],"names":["render","_vm","this","_c","_self","_l","list","item","key","id","staticClass","termCondition","_v","_s","_e","priceCondition","on","$event","goToDetail","attrs","mobileBanner","promotionImage","productGift","productGiftId","_m","productGiftName","name","descriptionShort","class","priceUnit","length","priceDiscountedFormat","hasBindTicket","priceByRouteDays","priceByRouteNights","priceFormat","applyTo","require","handleBooking","bookingShow","currentProduct","staticRenderFns","components","DialogBooking","props","type","Array","default","category","String","data","computed","mapState","Boolean","bindTicket","methods","current","calcResult","priceDiscounted","priceDiscountedServiceCharge","toFixed","price","priceServiceCharge","checkOrderState","checkResult","showAlert","pick","subcategroy","subCategoryName","categoryName","gioTracking","$router","push","component","module","exports","getProductList","directives","rawName","value","searchValue","expression","domProps","indexOf","_k","keyCode","apply","arguments","target","composing","show","swiperOption","shipList","shipItem","cur","shipActive","model","activeNames","callback","$$v","classifyList","index","slot","productList","ProductList","freeMode","slidesPerView","spaceBetween","click","swiper","attributes","nodeValue","activated","$route","query","keyword","$store","state","showLoading","params","trim","shipCode","errCode","errMsg","api","searchProductByName","hideLoading","rows","categoryNames","uniq","map","x","i","filter"],"mappings":"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","file":"js/chunk-0756fc5f.977c1979.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductList.vue?vue&type=style&index=0&id=518fb748&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._l((_vm.list),function(item){return _c('div',{key:item.id,staticClass:\"product-item\"},[_c('p',{staticClass:\"item-tip\"},[(item.termCondition)?_c('span',[_vm._v(_vm._s(item.termCondition))]):_vm._e(),(item.priceCondition)?_c('span',[_vm._v(\"注: \"+_vm._s(item.priceCondition))]):_vm._e()]),_c('div',{staticClass:\"left-side\"},[_c('a',{on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('van-image',{staticClass:\"product-img\",attrs:{\"src\":item.mobileBanner}}),(item.promotionImage)?_c('div',{staticClass:\"label\"},[_c('img',{staticClass:\"label-img\",attrs:{\"src\":item.promotionImage}})]):_vm._e(),(item.productGift && item.productGift.productGiftId>0)?_c('div',{staticClass:\"product-gift-box\"},[_vm._m(0,true),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.productGift.productGiftName))])]):_vm._e()],1)]),_c('div',{staticClass:\"right-side\"},[_c('a',{on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('p',{staticClass:\"product-name el2\"},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"product-info el2\"},[_vm._v(_vm._s(item.descriptionShort))]),_c('div',{class:['price', {'new-line': item.priceUnit.length > 6}]},[_c('p',[_c('span',[_vm._v(_vm._s(_vm.priceDiscountedFormat(item)))]),_vm._v(_vm._s(_vm.hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit))]),(_vm.priceFormat(item) && _vm.priceFormat(item) !== _vm.priceDiscountedFormat(item))?_c('p',{staticClass:\"old-price\"},[_vm._v(_vm._s(_vm.priceFormat(item))+_vm._s(_vm.hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit))]):_vm._e()]),_c('p',{staticClass:\"info-info\"},[_vm._v(_vm._s(item.applyTo))])]),_c('a',{staticClass:\"btn-common small item-btn btn-detail\",on:{\"click\":function($event){return _vm.goToDetail(item)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/icons/icon_add.png\"),\"alt\":\"\"}}),_vm._v(\" 查看详情 \")]),_c('a',{staticClass:\"btn-common small item-btn btn-cart\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleBooking(item)}}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../../assets/icons/icon_cart.png\"),\"alt\":\"\"}}),_vm._v(\" 立即预订 \")])])])}),_c('dialog-booking',{attrs:{\"visible\":_vm.bookingShow,\"goodsInfo\":_vm.currentProduct},on:{\"update:visible\":function($event){_vm.bookingShow=$event}}})],2)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"../../assets/icons/iconGift.png\"),\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"product-item\" v-for=\"item in list\" :key=\"item.id\">\n      <p class=\"item-tip\">\n        <span v-if=\"item.termCondition\">{{item.termCondition}}</span>\n        <span v-if=\"item.priceCondition\">注: {{item.priceCondition}}</span>\n      </p>\n      <div class=\"left-side\">\n        <a @click=\"goToDetail(item)\">\n          <van-image class=\"product-img\" :src=\"item.mobileBanner\"/>\n          <div class=\"label\" v-if=\"item.promotionImage\">\n            <img class=\"label-img\" :src=\"item.promotionImage\" />\n          </div>\n          <div v-if=\"item.productGift && item.productGift.productGiftId>0\" class=\"product-gift-box\">\n            <div class=\"icon\">\n              <img src=\"../../assets/icons/iconGift.png\" alt=\"\" />\n            </div>\n            <div class=\"name\">{{item.productGift.productGiftName}}</div>\n          </div>\n        </a>\n      </div>\n      <div class=\"right-side\">\n        <a @click=\"goToDetail(item)\">\n          <p class=\"product-name el2\">{{item.name}}</p>\n          <p class=\"product-info el2\">{{item.descriptionShort}}</p>\n          <div :class=\"['price', {'new-line': item.priceUnit.length > 6}]\">\n            <p><span>{{priceDiscountedFormat(item)}}</span>{{hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit}}</p>\n            <p class=\"old-price\" v-if=\"priceFormat(item) && priceFormat(item) !== priceDiscountedFormat(item)\">{{priceFormat(item)}}{{hasBindTicket && (item.priceByRouteDays || item.priceByRouteNights) ? '美元/航次' : item.priceUnit}}</p>\n          </div>\n          <p class=\"info-info\">{{item.applyTo}}</p>\n        </a>\n        <a class=\"btn-common small item-btn btn-detail\" @click=\"goToDetail(item)\">\n          <img class=\"icon\" src=\"../../assets/icons/icon_add.png\" alt=\"\">\n          查看详情\n        </a>\n        <a href=\"javascript:;\" class=\"btn-common small item-btn btn-cart\" @click=\"handleBooking(item)\">\n          <img class=\"icon\" src=\"../../assets/icons/icon_cart.png\" alt=\"\">\n          立即预订\n        </a>\n      </div>\n    </div>\n    <!-- 预定弹框 -->\n    <dialog-booking :visible.sync=\"bookingShow\" :goodsInfo=\"currentProduct\"/>\n  </div>\n</template>\n\n<script>\nimport DialogBooking from '@/views/DialogBooking'\nimport pick from 'lodash/pick'\nimport { showAlert } from '@/utils/tools'\nimport { checkOrderState, gioTracking } from '@/plugins/common'\nimport { mapState } from 'vuex'\n\nexport default {\n  name: 'ProductList',\n\n  components: {\n    DialogBooking\n  },\n\n  props: {\n    list: {\n      type: Array,\n      default () {\n        return []\n      }\n    },\n    category: {\n      type: String,\n      default() {\n        return ''\n      }\n    }\n  },\n\n  data () {\n    return {\n      bookingShow: false,\n      currentProduct: {}\n    }\n  },\n\n  computed: {\n    ...mapState(['bindTicket']),\n    hasBindTicket () {\n      return Boolean(this.bindTicket)\n    }\n  },\n\n  methods: {\n    priceDiscountedFormat (current) {\n      const calcResult = current.priceDiscounted - current.priceDiscountedServiceCharge\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\n    },\n    priceFormat (current) {\n      const calcResult = current.price - current.priceServiceCharge\n      return calcResult % 1 === 0 ? calcResult : calcResult.toFixed(2)\n    },\n    handleBooking (current) {\n      checkOrderState(checkResult => {\n        if (checkResult) {\n          if (checkResult !== 'cancel') showAlert(checkResult)\n        } else {\n          this.currentProduct = {\n            ...pick(current, ['id', 'mobileBanner', 'name', 'applyTo', 'needSync', 'productGift']),\n            subcategroy: current.subCategoryName,\n            categoryName: this.category\n          }\n          this.bookingShow = true\n        }\n      })\n    },\n    goToDetail (item) {\n      gioTracking('track','evt_prdClick', {'productID': item.id,'Product_Category': this.category,'Product_DetailProduct': item.name })\n      this.$router.push(`/Rccl.PCP/product/detail/${item.id}`)\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.product-item {\n  display: flex;\n  position: relative;\n  padding: 20px 20px 36px 20px;\n  margin-bottom: 20px;\n  background-color: #fff;\n  .left-side {\n    flex: 0;\n    width: 305px;\n    padding-right: 30px;\n    .product-img {\n      display: block;\n      width: 305px;\n    }\n    .label {\n      padding-top: 12px;\n      .label-img {\n        display: block;\n        height: 30px;\n        margin-right: 6px;\n      }\n    }\n  }\n  .right-side {\n    .product-name {\n      margin-top: 3px;\n      font-size: 26px;\n      color: @main-color;\n      line-height: 38px;\n      font-weight: bold;\n    }\n    .product-info {\n      margin-top: 3px;\n      font-size: 20px;\n      line-height: 30px;\n      color: @main-gray3;\n    }\n    .price {\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n      width: 275px;\n      margin-top: 16px;\n      font-size: 20px;\n      color: @main-gray4;\n      line-height: 44px;\n      span {\n        font-size: 32px;\n        font-weight: bold;\n        color: @second-color;\n      }\n      .old-price {\n        text-decoration: line-through;\n      }\n      &.new-line {\n        flex-wrap: wrap;\n        .old-price {\n          width: 100%;\n        }\n      }\n    }\n    .info-info {\n      margin-bottom: 24px;\n      font-size: 20px;\n      color: @main-gray4;\n    }\n    .item-btn {\n      width: 156px;\n      height: 46px;\n      margin: 10px 0 0 0;\n      border-radius: 6px;\n      .icon {\n        margin-right: 10px;\n      }\n      &.btn-detail {\n        color: #fff;\n        background: #1174b8;\n        .icon {\n          width: 14px;\n        }\n      }\n      &.btn-cart .icon {\n        width: 21px;\n      }\n    }\n  }\n  .item-tip {\n    position: absolute;\n    left: 20px;\n    bottom: 30px;\n    z-index: 1;\n    font-size: 20px;\n    color: @main-gray4;\n    span {\n      display: block;\n    }\n  }\n}\n</style>\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!./ProductList.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!./ProductList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProductList.vue?vue&type=template&id=518fb748&scoped=true\"\nimport script from \"./ProductList.vue?vue&type=script&lang=js\"\nexport * from \"./ProductList.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProductList.vue?vue&type=style&index=0&id=518fb748&prod&lang=less&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  \"518fb748\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProductSearch.vue?vue&type=style&index=0&id=10154409&prod&lang=less&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAACRklEQVRIib2W22tTQRDGfz2pWq3GWK2XXhTvD4IgiiK++aeLIvggvuhbAoLWS9vQ1lvSBCOr36bT2T1NTlL84JCTObvzzc7ObYbxMAecBxrACaAABsBPYAf4CvwYUxejSBeAmyIchTbQBD6PWFdKOgvcAS4nX0YjnPoN0C1bWUsk/1z5uOR0feCbnp72ex3zwDKwDuwmGjInPQo8AU46+SfgPbAJ/Hb7zwCreqy+QPg8d9ee9JE7YXDRa2AjMTdFHbjvDA4eeeYM3eeaFeCG+f8LeAFsJ+rzCAZ+BBZ1RQHH9LtpdxTmxLeNPFj2SilRBT3ts3d5XdeWkF5Q/kU0lX+ToAO8c95czZFeNLKQ9K0JCSM+iDzC6h+SLhhZuyzUK2CgfI04bYO20GNd256SMKenZjkKCWzqdDgceD01S+qRk02CUj2FSptN3rlk1WQ47nYNa3FsUd/Nx8VDIj1r3vueFFcx6ira02DWldNsRVpzBLemJL0m4oh9+iNpCO8tIw91+FKiajw01PgjumWkAW+dynvAuYqEp4CHTm/roC4TusoR9cdo0LLetxRwByHU1we+uKsardtA8l1/Q4tiT5zRaVd0R311koG+zYvsLnClJDcDx5Ilzs1IhVy7lHzZQ09eqYLhJJGbkQYaT7pqBLk1ORm6u6Y85dfUFJxfcie1CPdzVS70FcZiV+2spdioa7jz9xuwM+6wjRQ1VCbjvo7Gme1MoOWIg3Evq5BOgkAcpssQhH8Jp5hIKiGk4FMZ8F+x51HgDxcycQqNdmMJAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAlElEQVQoka2SQQrCUAxEn27tQrv3FtJeTU+g17FX6NZTaN2qC13KlELEwE9tKQ4MhEwm5DMfSRELSRdjEegkDWOlL46BzpwYK9fNo4k+4yAmG2eSSmALZK6/AZZWP4CT057AoTOegXWy8jeuU099f07dAYuRp76AfZKPsXY5dvXoHAfxd+Pd1bdwoueNpaTGmH5yiRaE3Mj8pKVK4gAAAABJRU5ErkJggg==\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"search-box\"},[_c('div',{staticClass:\"ipt-box\"},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/icons/icon_search.png\"),\"alt\":\"\"},on:{\"click\":_vm.getProductList}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchValue),expression:\"searchValue\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入关键词进行搜索\"},domProps:{\"value\":(_vm.searchValue)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.getProductList.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.searchValue=$event.target.value}}}),_c('a',{class:['btn-clear', {show: _vm.searchValue}],attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){_vm.searchValue = ''}}},[_c('van-icon',{attrs:{\"name\":\"cross\"}})],1)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.hasBindTicket),expression:\"!hasBindTicket\"}],staticClass:\"ship-list\"},[_c('swiper',{staticClass:\"ship-list-swiper\",attrs:{\"options\":_vm.swiperOption}},_vm._l((_vm.shipList),function(shipItem){return _c('swiper-slide',{key:shipItem.value,class:['classify-item', {cur: shipItem.value === _vm.shipActive}],attrs:{\"data-val\":shipItem.value}},[_c('span',{attrs:{\"data-val\":shipItem.value}},[_vm._v(_vm._s(shipItem.name))])])}),1)],1),_c('van-collapse',{staticClass:\"classify-list\",attrs:{\"border\":false},model:{value:(_vm.activeNames),callback:function ($$v) {_vm.activeNames=$$v},expression:\"activeNames\"}},_vm._l((_vm.classifyList),function(item,index){return _c('van-collapse-item',{key:index,attrs:{\"name\":item.categoryName,\"value\":_vm.activeNames.indexOf(item.categoryName) >= 0 ? '收起' : '展开'}},[_c('span',{staticClass:\"label-classify\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(_vm._s(item.categoryName))]),_c('div',{staticClass:\"product-list-box\"},[_c('product-list',{attrs:{\"list\":item.productList}})],1),_c('div',{staticClass:\"interval\"})])}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"search-box\">\n      <div class=\"ipt-box\">\n        <img class=\"icon\" src=\"../assets/icons/icon_search.png\" alt=\"\" @click=\"getProductList\">\n        <input type=\"text\" placeholder=\"请输入关键词进行搜索\" v-model=\"searchValue\" @keyup.enter=\"getProductList\" />\n        <a href=\"javascript:;\" :class=\"['btn-clear', {show: searchValue}]\" @click=\"searchValue = ''\">\n          <van-icon name=\"cross\" />\n        </a>\n      </div>\n    </div>\n    <div class=\"ship-list\" v-show=\"!hasBindTicket\">\n      <swiper class=\"ship-list-swiper\" :options=\"swiperOption\">\n        <swiper-slide\n          v-for=\"shipItem in shipList\"\n          :key=\"shipItem.value\"\n          :class=\"['classify-item', {cur: shipItem.value === shipActive}]\"\n          :data-val=\"shipItem.value\">\n          <span :data-val=\"shipItem.value\">{{shipItem.name}}</span>\n        </swiper-slide>\n      </swiper>\n    </div>\n    <van-collapse class=\"classify-list\" v-model=\"activeNames\" :border=\"false\">\n      <van-collapse-item v-for=\"(item, index) in classifyList\" :key=\"index\" :name=\"item.categoryName\" :value=\"activeNames.indexOf(item.categoryName) >= 0 ? '收起' : '展开'\">\n        <span slot=\"title\" class=\"label-classify\">{{item.categoryName}}</span>\n        <div class=\"product-list-box\">\n          <product-list :list=\"item.productList\" />\n        </div>\n        <div class=\"interval\"></div>\n      </van-collapse-item>\n    </van-collapse>\n  </div>\n</template>\n\n<script>\nimport ProductList from './booking/ProductList'\nimport { shipList } from '@/utils/dict'\nimport api from '@/api'\nimport { showLoading, hideLoading, showAlert } from '@/utils/tools'\nimport uniq from 'lodash/uniq'\n\nexport default {\n  name: 'PageProductSearch',\n\n  components: {\n    ProductList\n  },\n\n  data () {\n    return {\n      shipList,\n      searchValue: '',\n      classifyList: [],\n      activeNames: [],\n      swiperOption: {\n        freeMode: true,\n        slidesPerView: 'auto',\n        spaceBetween: 11,\n        on: {\n          click: swiper => {\n            this.shipActive = swiper.target.attributes['data-val'].nodeValue\n            this.getProductList()\n          }\n        }\n      },\n      shipActive: shipList[0].value\n    }\n  },\n\n  activated () {\n    if (this.$route.query.keyword) {\n      this.searchValue = this.$route.query.keyword\n      this.getProductList()\n    }\n  },\n\n  computed: {\n    hasBindTicket () {\n      return Boolean(this.$store.state.bindTicket)\n    }\n  },\n\n  methods: {\n    async getProductList () {\n      showLoading()\n      this.classifyList = []\n      const params = {\n        keyword: this.searchValue.trim()\n      }\n      if (!this.hasBindTicket) params.shipCode = this.shipActive\n      const { errCode, errMsg, data } = await api.searchProductByName(params)\n      hideLoading()\n      if (errCode === 0) {\n        if (data.rows.length) {\n          const categoryNames = uniq(data.rows.map(x => x.categoryName))\n          this.activeNames = categoryNames\n          for (let i = 0; i < categoryNames.length; i++) {\n            this.classifyList.push({\n              categoryName: categoryNames[i],\n              productList: data.rows.filter(x => x.categoryName === categoryNames[i])\n            })\n          }\n        }\n      } else {\n        showAlert(errMsg || '查询失败，请稍后重试')\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.search-box {\n  padding: 24px 35px 28px;\n  .ipt-box {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: 72px;\n    border-radius: 36px;\n    background-color: #fff;\n    overflow: hidden;\n    .icon {\n      width: 29px;\n      height: 29px;\n      margin: 0 18px 0 40px;\n    }\n    input {\n      flex: 1;\n      height: 34px;\n      margin-top: 3px;\n      padding-right: 78px;\n      font-size: 24px;\n      color: #333;\n      line-height: 34px;\n      border: none;\n      outline: none;\n    }\n    .btn-clear {\n      position: absolute;\n      top: 50%;\n      right: 10px;\n      z-index: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 42px;\n      height: 42px;\n      margin-top: -21px;\n      font-size: 20px;\n      color: #333;\n      border-radius: 50%;\n      opacity: 0;\n      transition: all .3s;\n      background-color: #e5e5e5;\n      &.show {\n        opacity: 1;\n        right: 20px;\n      }\n    }\n  }\n}\n.ship-list {\n  padding: 2px 50px 28px;\n}\n.ship-list-swiper {\n  width: 100%;\n  .classify-item {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    height: 48px;\n    padding: 0 34px;\n    border-radius: 24px;\n    font-size: 24px;\n    color: #1174b8;\n    background-color: #fff;\n    &.cur {\n      .btn-linear-gradient;\n      color: #333;\n    }\n  }\n}\n.classify-list {\n  ::v-deep .van-cell {\n    padding: 18px .5rem;\n    &:not(:last-child)::after {\n      visibility: hidden;\n    }\n  }\n  ::v-deep .van-collapse-item__content {\n    padding: 0;\n  }\n  ::v-deep .van-cell__right-icon {\n    margin-top: -1.5px;\n    color: #1174b8;\n  }\n  ::v-deep .van-cell__value {\n    font-size: .24rem;\n    color: #1174b8;\n  }\n  .label-classify {\n    display: inline-block;\n    height: 46px;\n    padding: 0 24px;\n    border-radius: 23px;\n    font-size: 24px;\n    color: #333;\n    line-height: 46px;\n    background-color: #f0f0f0;\n  }\n  .product-list-box {\n    padding: 0 50px 30px;\n  }\n  ::v-deep .product-item {\n    border: 1Px solid #eaeaea;\n    border-radius: 6px;\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n  .interval {\n    height: 30px;\n    background-color: #f0f0f0;\n  }\n}\n</style>\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!./PageProductSearch.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!./PageProductSearch.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PageProductSearch.vue?vue&type=template&id=10154409&scoped=true\"\nimport script from \"./PageProductSearch.vue?vue&type=script&lang=js\"\nexport * from \"./PageProductSearch.vue?vue&type=script&lang=js\"\nimport style0 from \"./PageProductSearch.vue?vue&type=style&index=0&id=10154409&prod&lang=less&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  \"10154409\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}