{"version":3,"sources":["webpack:///./src/views/moblie/mask/MaskList.vue?016c","webpack:///src/views/moblie/mask/MaskList.vue","webpack:///./src/views/moblie/mask/MaskList.vue?e86e","webpack:///./src/views/moblie/mask/MaskList.vue","webpack:///./src/views/moblie/mask/MaskList.vue?193d"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","_l","item","key","id","on","$event","goToBuy","attrs","image","_v","_s","store_name","price","sales","stock","staticRenderFns","name","data","param","page","limit","keyword","sid","news","priceOrder","salesOrder","productList","loading","loadend","created","getProductsMes","mounted","$scroll","$refs","Mask","methods","res","status","$router","push","path","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,IAAI,OAAOC,YAAY,aAAaP,EAAIQ,GAAIR,EAAe,aAAE,SAASS,GAAM,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAKE,GAAGJ,YAAY,OAAOK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,QAAQL,EAAKE,OAAO,CAACP,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACW,MAAM,CAAC,IAAMN,EAAKO,MAAM,IAAM,QAAQZ,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,SAAS,CAACP,EAAIiB,GAAG,eAAejB,EAAIkB,GAAGT,EAAKU,YAAY,gBAAgBf,EAAG,MAAM,CAACG,YAAY,SAAS,CAACP,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGT,EAAKW,UAAUhB,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,OAAO,CAACG,YAAY,QAAQ,CAACP,EAAIiB,GAAG,MAAMjB,EAAIkB,GAAGT,EAAKY,OAAO,OAAOjB,EAAG,OAAO,CAACG,YAAY,SAAS,CAACP,EAAIiB,GAAG,KAAKjB,EAAIkB,GAAGT,EAAKa,OAAO,gBAAe,MAC3uBC,EAAkB,G,wBC4BtB,GACEC,KAAM,WACNC,KAFF,WAGI,MAAO,CACLC,MAAO,CACLC,KAAM,EACNC,MAAO,EACPC,QAAS,GACTC,IAAK,IACLC,KAAM,EACNC,WAAY,GACZC,WAAY,IAEdC,YAAa,GACbC,SAAS,EACTC,SAAS,IAGbC,QAlBF,WAmBIpC,KAAKqC,kBAEPC,QArBF,WAqBA,WACItC,KAAKuC,QAAQvC,KAAKwC,MAAMC,MAAM,YAC3B,EAAP,gCAGEC,QAAS,CACPL,eADJ,WACA,WACUrC,KAAKkC,SACLlC,KAAKmC,UACTnC,KAAKkC,SAAU,EACf,OAAN,OAAM,CAAN,8BAEQ,GADA,EAAR,WAC2B,MAAfS,EAAIC,OAAgB,CACtB,EAAV,yCACU,IAAV,gBACc,EAAd,yBACY,EAAZ,YAEU,EAAV,oBAII/B,QAjBJ,SAiBA,GACMb,KAAK6C,QAAQC,KAAK,CAChBC,KAAM,iBAAmBrC,OC1E+U,I,wBCQ5WsC,EAAY,eACd,EACAlD,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,kECnBf,yBAAwgB,EAAG","file":"h5/js/chunk-1ea1db2a.372979bb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{ref:\"Mask\",staticClass:\"mask-list\"},_vm._l((_vm.productList),function(item){return _c('div',{key:item.id,staticClass:\"item\",on:{\"click\":function($event){return _vm.goToBuy(item.id)}}},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":item.image,\"alt\":\"\"}})]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"\\n          \"+_vm._s(item.store_name)+\"\\n        \")]),_c('div',{staticClass:\"money\"},[_vm._v(\"￥\"+_vm._s(item.price))]),_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"sale\"},[_vm._v(\"已售出\"+_vm._s(item.sales)+\"件\")]),_c('span',{staticClass:\"stock\"},[_vm._v(\"库存\"+_vm._s(item.stock)+\"件\")])])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"mask-list\" ref=\"Mask\">\r\n      <div\r\n        class=\"item\"\r\n        v-for=\"item of productList\"\r\n        :key=\"item.id\"\r\n        @click=\"goToBuy(item.id)\"\r\n      >\r\n        <div class=\"left\">\r\n          <img :src=\"item.image\" alt=\"\" />\r\n        </div>\r\n        <div class=\"right\">\r\n          <div class=\"title\">\r\n            {{ item.store_name }}\r\n          </div>\r\n          <div class=\"money\">￥{{ item.price }}</div>\r\n          <div class=\"num\">\r\n            <span class=\"sale\">已售出{{ item.sales }}件</span>\r\n            <span class=\"stock\">库存{{ item.stock }}件</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getProducts } from \"@api/store\";\r\nexport default {\r\n  name: \"MaskList\",\r\n  data() {\r\n    return {\r\n      param: {\r\n        page: 1,\r\n        limit: 8,\r\n        keyword: \"\",\r\n        sid: 198,\r\n        news: 0,\r\n        priceOrder: \"\",\r\n        salesOrder: \"\"\r\n      },\r\n      productList: [],\r\n      loading: false,\r\n      loadend: false\r\n    };\r\n  },\r\n  created() {\r\n    this.getProductsMes();\r\n  },\r\n  mounted() {\r\n    this.$scroll(this.$refs.Mask, () => {\r\n      !this.loading && this.getProductsMes();\r\n    });\r\n  },\r\n  methods: {\r\n    getProductsMes() {\r\n      if (this.loading) return;\r\n      if (this.loadend) return;\r\n      this.loading = true;\r\n      getProducts(this.param).then(res => {\r\n        this.loading = false;\r\n        if (res.status === 200) {\r\n          this.productList = this.productList.concat(res.data);\r\n          let productLength = Number(res.msg);\r\n          if (this.productList.length === productLength) {\r\n            this.loadend = true;\r\n          }\r\n          this.param.page += 1;\r\n        }\r\n      });\r\n    },\r\n    goToBuy(id) {\r\n      this.$router.push({\r\n        path: \"/maskGoodsCon/\" + id\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.mask-list {\r\n  padding: 0.3rem;\r\n  background: #fff;\r\n}\r\n.mask-list .item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding-bottom: 0.2rem;\r\n  margin-top: 0.15rem;\r\n  border-bottom: 1px solid #f5f5f5;\r\n}\r\n.mask-list .item .left {\r\n  width: 1.8rem;\r\n  height: 1.8rem;\r\n  border-radius: 0.06rem;\r\n}\r\n.mask-list .item .left img {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.mask-list .item .right {\r\n  flex: 1;\r\n  margin-left: 10px;\r\n}\r\n.mask-list .item .right .title {\r\n  font-size: 0.3rem;\r\n  color: #222;\r\n  height: 0.8rem;\r\n  text-align: left;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  /*! autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n}\r\n.mask-list .item .right .money {\r\n  font-size: 0.3rem;\r\n  font-weight: bold;\r\n  margin-top: 0.2rem;\r\n  margin-bottom: 0.1rem;\r\n  color: #fc4141;\r\n}\r\n.mask-list .item .right .num {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-top: 0.1rem;\r\n  font-size: 0.22rem;\r\n  color: #aaa;\r\n  font-weight: normal;\r\n  margin: -0.02rem 0 0 0;\r\n}\r\n</style>\r\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!./MaskList.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!./MaskList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MaskList.vue?vue&type=template&id=6467a87c&scoped=true&\"\nimport script from \"./MaskList.vue?vue&type=script&lang=js&\"\nexport * from \"./MaskList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MaskList.vue?vue&type=style&index=0&id=6467a87c&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  \"6467a87c\",\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/index.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!./MaskList.vue?vue&type=style&index=0&id=6467a87c&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/index.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!./MaskList.vue?vue&type=style&index=0&id=6467a87c&scoped=true&lang=css&\""],"sourceRoot":""}