| 1 |
- {"version":3,"sources":["webpack:///./src/views/index/seasonal-health-food-addCart.vue?502f","webpack:///src/views/index/seasonal-health-food-addCart.vue","webpack:///./src/views/index/seasonal-health-food-addCart.vue?2715","webpack:///./src/views/index/seasonal-health-food-addCart.vue","webpack:///./src/views/index/seasonal-health-food-addCart.vue?0dc0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","components","data","methods","open","showClose","message","type","center","offset","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAC/FE,EAAkB,G,YCkFtB,GACAC,cAEAC,KAHA,WAIA,UAIAC,SAEAC,KAFA,WAGA,8BACAC,aACAC,kBACAC,eACAC,UACAC,YALA,aAMA,OCpGqX,I,wBCQjXC,EAAY,eACd,EACAjB,EACAO,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,2CCnBf,W","file":"js/chunk-7ddcf2ae.c06b4b5f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(\"div\")}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 时令健康养生食品手机端没这个页面那就先注释掉 -->\r\n<template>\r\n\t<!-- <div class=\"wrap\">\r\n\r\n\t\t<div class=\"top\">\r\n\t\t\t首页\r\n\t\t\t<img src=\"../../assets/icon-7.png\" class=\"top-icon\">\r\n\t\t\t<span>养五脏</span>\r\n\t\t\t<img src=\"../../assets/icon-7.png\" class=\"top-icon\">\r\n\t\t\t<span class=\"top-name\">强心长寿粥</span>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"container\">\r\n\r\n\t\t\t<div class=\"top-module\">\r\n\t\t\t\t<div class=\"top-module-row\">\r\n\t\t\t\t\t<p class=\"top-module-name\">\r\n\t\t\t\t\t\t<img src=\"../../assets/icon-33.png\">\r\n\t\t\t\t\t\t功效:\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t<p class=\"top-module-msg\">强心、补气、消肿</p>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"top-module-row\">\r\n\t\t\t\t\t<p class=\"top-module-name\">\r\n\t\t\t\t\t\t<img src=\"../../assets/icon-34.png\">\r\n\t\t\t\t\t\t用量:\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t<p class=\"top-module-msg\">党参20g+黄芪20g+红枣15枚+生姜5片+粳米100g</p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<ul class=\"select-list\">\r\n\t\t\t\t<li>\r\n\t\t\t\t\t<img src=\"../../assets/circle-active.png\" class=\"circle-img\">\r\n\t\t\t\t\t<div class=\"item-sidebar\">\r\n\t\t\t\t\t\t<img src=\"../../assets/img-3.png\" class=\"product-img\">\r\n\t\t\t\t\t\t<div class=\"item-column\">\r\n\t\t\t\t\t\t\t<p class=\"product-msg\">党参20g</p>\r\n\t\t\t\t\t\t\t<p class=\"product-price\">¥ 29990.00</p>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li>\r\n\t\t\t\t\t<img src=\"../../assets/circle-active.png\" class=\"circle-img\">\r\n\t\t\t\t\t<div class=\"item-sidebar\">\r\n\t\t\t\t\t\t<img src=\"../../assets/img-3.png\" class=\"product-img\">\r\n\t\t\t\t\t\t<div class=\"item-column\">\r\n\t\t\t\t\t\t\t<p class=\"product-msg\">党参20g</p>\r\n\t\t\t\t\t\t\t<p class=\"product-price\">¥ 29990.00</p>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li>\r\n\t\t\t\t\t<img src=\"../../assets/circle-active.png\" class=\"circle-img\">\r\n\t\t\t\t\t<div class=\"item-sidebar\">\r\n\t\t\t\t\t\t<img src=\"../../assets/img-3.png\" class=\"product-img\">\r\n\t\t\t\t\t\t<div class=\"item-column\">\r\n\t\t\t\t\t\t\t<p class=\"product-msg\">党参20g</p>\r\n\t\t\t\t\t\t\t<p class=\"product-price\">¥ 29990.00</p>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</li>\r\n\t\t\t</ul>\r\n\r\n\t\t\t<div class=\"sub-footer\">\r\n\t\t\t\t<div class=\"sub-footer-sidebar\">\r\n\t\t\t\t\t<div class=\"sub-footer-select\">\r\n\t\t\t\t\t\t<img src=\"../../assets/circle.png\">全选\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"cart-row\">\r\n\t\t\t\t\t\t<img src=\"../../assets/cart-icon.png\">\r\n\t\t\t\t\t\t购物车\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<button type=\"button\" class=\"sub-footer-btn\" @click=\"open\">加入购物车</button>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\r\n\t</div> -->\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tcomponents: {\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\r\n\t\t\t};\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t//弹窗\r\n\t\t\topen() {\r\n\t\t\t\tthis.$message({\r\n\t\t\t\t\tshowClose: true,\r\n\t\t\t\t\tmessage: '加入购物车成功',\r\n\t\t\t\t\ttype: 'success',\r\n\t\t\t\t\tcenter: true,\r\n\t\t\t\t\toffset: 200,\r\n\t\t\t\t\tshowClose: false\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t}\r\n\t}\r\n</script>\r\n<style scoped>\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\tmargin: 40px 0 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.top {\r\n\t\twidth: 1200px;\r\n\t\theight: 76px;\r\n\t\tline-height: 76px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 19px;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #484848;\r\n\t\tfont-size: 20px;\r\n\t\tmargin: 20px 0;\r\n\t}\r\n\r\n\t.top-icon {\r\n\t\twidth: 10px;\r\n\t\tmargin: 0 10px;\r\n\t}\r\n\r\n\t.top-name {\r\n\t\tcolor: #F2501A;\r\n\t}\r\n\r\n\t.top-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-end;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.share-btn {\r\n\t\tborder-radius: initial;\r\n\t}\r\n\r\n\t.share-btn img {\r\n\t\twidth: 30px;\r\n\t}\r\n\r\n\t.container {\r\n\t\twidth: 1200px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.top-module {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tpadding: 20px;\r\n\t\tbox-sizing: border-box;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.top-module-row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 15px;\r\n\t}\r\n\r\n\t.top-module-row:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.top-module-name {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #F2501A;\r\n\t\tfont-size: 16px;\r\n\t\tmargin-right: 15px;\r\n\t}\r\n\r\n\t.top-module-name>img {\r\n\t\twidth: 16px;\r\n\t\tmargin-right: 6px;\r\n\t}\r\n\r\n\t.top-module-msg {\r\n\t\tflex: 1;\r\n\t\tcolor: #777777;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\r\n\t.select-list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.select-list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tmargin-bottom: 10px;\r\n\t\tpadding: 15px 25px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tbox-shadow: 0 0 2px #D6D6D6;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.circle-img {\r\n\t\twidth: 14px;\r\n\t\theight: 14px;\r\n\t\tmargin-right: 17px;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\r\n\t.item-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.product-img {\r\n\t\twidth: 78px;\r\n\t\theight: 78px;\r\n\t\tobject-fit: cover;\r\n\t\tborder-radius: 6px;\r\n\t\tmargin-right: 23px;\r\n\t}\r\n\r\n\t.item-column {\r\n\t\tflex: 1;\r\n\t\theight: 78px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.product-msg {\r\n\t\tcolor: #000000;\r\n\t\tfont-size: 12px;\r\n\t\tmargin-bottom: 8px;\r\n\t}\r\n\r\n\t.product-price {\r\n\t\tcolor: #F2501A;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.sub-footer {\r\n\t\twidth: 100%;\r\n\t\theight: 52px;\r\n\t\tbackground-color: #E5E5E5;\r\n\t\tborder-radius: 8px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tmargin: 25px 0 40px;\r\n\t}\r\n\r\n\t.sub-footer-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 24px;\r\n\t}\r\n\r\n\t.sub-footer-select {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.sub-footer-select>img {\r\n\t\twidth: 14px; \r\n\t\theight: 14px;\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n\t.cart-row {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #202020;\r\n\t\tfont-size: 14px;\r\n\t\tmargin-left: 20px;\r\n\t}\r\n\r\n\t.cart-row>img {\r\n\t\twidth: 15px;\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n\t.sub-footer-btn {\r\n\t\twidth: 140px;\r\n\t\theight: 52px;\r\n\t\tline-height: 52px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 20px;\r\n\t\tbackground-color: #F2501A;\r\n\t\tborder-radius: 8px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\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!./seasonal-health-food-addCart.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!./seasonal-health-food-addCart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./seasonal-health-food-addCart.vue?vue&type=template&id=7b347fb0&scoped=true&\"\nimport script from \"./seasonal-health-food-addCart.vue?vue&type=script&lang=js&\"\nexport * from \"./seasonal-health-food-addCart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./seasonal-health-food-addCart.vue?vue&type=style&index=0&id=7b347fb0&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 \"7b347fb0\",\n null\n \n)\n\nexport default component.exports","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!./seasonal-health-food-addCart.vue?vue&type=style&index=0&id=7b347fb0&scoped=true&lang=css&\""],"sourceRoot":""}
|
