{"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\home_goods_list.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobilePageDiy\\home_goods_list.vue","mtime":1677828270165},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2hvbWVfZ29vZHNfbGlzdCcsCiAgY25hbWU6ICfllYblk4HliJfooagnLAogIGNvbmZpZ05hbWU6ICdjX2hvbWVfZ29vZHNfbGlzdCcsCiAgaWNvbjogJ2ljb25jdXhpYW9saWViaWFvMScsCiAgdHlwZTogMCwKICAvLyAwIOWfuuehgOe7hOS7tiAxIOiQpemUgOe7hOS7tiAy5bel5YW357uE5Lu2CiAgZGVmYXVsdE5hbWU6ICdnb29kTGlzdCcsCiAgLy8g5aSW6Z2i5Yy56YWN5ZCN56ewCiAgcHJvcHM6IHsKICAgIGluZGV4OiB7CiAgICAgIHR5cGU6IG51bGwKICAgIH0sCiAgICBudW06IHsKICAgICAgdHlwZTogbnVsbAogICAgfQogIH0sCiAgY29tcHV0ZWQ6IF9vYmplY3RTcHJlYWQoe30sIG1hcFN0YXRlKCdtb2JpbGRDb25maWcnLCBbJ2RlZmF1bHRBcnJheSddKSksCiAgd2F0Y2g6IHsKICAgIHBhZ2VEYXRhOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHRoaXMuc2V0Q29uZmlnKG5WYWwpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9LAogICAgbnVtOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHZhciBkYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtuVmFsXTsKICAgICAgICB0aGlzLnNldENvbmZpZyhkYXRhKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICAgIGRlZmF1bHRBcnJheTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB2YXIgZGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLm1vYmlsZENvbmZpZy5kZWZhdWx0QXJyYXlbdGhpcy5udW1dOwogICAgICAgIHRoaXMuc2V0Q29uZmlnKGRhdGEpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8g6buY6K6k5Yid5aeL5YyW5pWw5o2u56aB5q2i5L+u5pS5CiAgICAgIGRlZmF1bHRDb25maWc6IHsKICAgICAgICBuYW1lOiAnZ29vZExpc3QnLAogICAgICAgIHRpbWVzdGFtcDogdGhpcy5udW0sCiAgICAgICAgc2V0VXA6IHsKICAgICAgICAgIHRhYlZhbDogMAogICAgICAgIH0sCiAgICAgICAgdGFiQ29uZmlnOiB7CiAgICAgICAgICB0aXRsZTogJ+mAieaLqeaooeadvycsCiAgICAgICAgICB0YWJWYWw6IDAsCiAgICAgICAgICB0eXBlOiAxLAogICAgICAgICAgdGFiTGlzdDogW3sKICAgICAgICAgICAgbmFtZTogJ+iHquWKqOmAieaLqScsCiAgICAgICAgICAgIGljb246ICdpY29uemlkb25neHVhbnplJwogICAgICAgICAgfSwgewogICAgICAgICAgICBuYW1lOiAn5omL5Yqo6YCJ5oupJywKICAgICAgICAgICAgaWNvbjogJ2ljb25zaG91ZG9uZ3h1YW56ZScKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICB0aXRsZVNob3c6IHsKICAgICAgICAgIHRpdGxlOiAn5piv5ZCm5pi+56S65ZCN56ewJywKICAgICAgICAgIHZhbDogdHJ1ZQogICAgICAgIH0sCiAgICAgICAgb3ByaWNlU2hvdzogewogICAgICAgICAgdGl0bGU6ICfmmK/lkKbmmL7npLrljp/ku7cnLAogICAgICAgICAgdmFsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICBwcmljZVNob3c6IHsKICAgICAgICAgIHRpdGxlOiAn5piv5ZCm5pi+56S65Lu35qC8JywKICAgICAgICAgIHZhbDogdHJ1ZQogICAgICAgIH0sCiAgICAgICAgY291cG9uU2hvdzogewogICAgICAgICAgdGl0bGU6ICfmmK/lkKbmmL7npLrkvJjmg6DliLgnLAogICAgICAgICAgdmFsOiB0cnVlCiAgICAgICAgfSwKICAgICAgICBzZWxlY3RDb25maWc6IHsKICAgICAgICAgIHRpdGxlOiAn5ZWG5ZOB5YiG57G7JywKICAgICAgICAgIGFjdGl2ZVZhbHVlOiBbXSwKICAgICAgICAgIGxpc3Q6IFt7CiAgICAgICAgICAgIHZhbHVlOiAnJywKICAgICAgICAgICAgbGFiZWw6ICcnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbHVlOiAnJywKICAgICAgICAgICAgbGFiZWw6ICcnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgZ29vZHNTb3J0OiB7CiAgICAgICAgICB0aXRsZTogJ+WVhuWTgeaOkuW6jycsCiAgICAgICAgICBuYW1lOiAnZ29vZHNTb3J0JywKICAgICAgICAgIHR5cGU6IDAsCiAgICAgICAgICBsaXN0OiBbewogICAgICAgICAgICB2YWw6ICfnu7zlkIgnLAogICAgICAgICAgICBpY29uOiAnaWNvbkNvbW1fd2hvbGUnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+mUgOmHjycsCiAgICAgICAgICAgIGljb246ICdpY29uQ29tbV9udW1iZXInCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+S7t+agvCcsCiAgICAgICAgICAgIGljb246ICdpY29uQ29tbV9QcmljZScKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBudW1Db25maWc6IHsKICAgICAgICAgIHZhbDogNgogICAgICAgIH0sCiAgICAgICAgdGhlbWVDb2xvcjogewogICAgICAgICAgdGl0bGU6ICfog4zmma/popzoibInLAogICAgICAgICAgbmFtZTogJ3RoZW1lQ29sb3InLAogICAgICAgICAgZGVmYXVsdDogW3sKICAgICAgICAgICAgaXRlbTogJyNmZmYnCiAgICAgICAgICB9XSwKICAgICAgICAgIGNvbG9yOiBbewogICAgICAgICAgICBpdGVtOiAnI2ZmZicKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBmb250Q29sb3I6IHsKICAgICAgICAgIHRpdGxlOiAn5Lu35qC86aKc6ImyJywKICAgICAgICAgIG5hbWU6ICdmb250Q29sb3InLAogICAgICAgICAgZGVmYXVsdDogW3sKICAgICAgICAgICAgaXRlbTogJyNlOTMzMjMnCiAgICAgICAgICB9XSwKICAgICAgICAgIGNvbG9yOiBbewogICAgICAgICAgICBpdGVtOiAnI2U5MzMyMycKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBsYWJlbENvbG9yOiB7CiAgICAgICAgICB0aXRsZTogJ+a0u+WKqOagh+etvicsCiAgICAgICAgICBuYW1lOiAnbGFiZWxDb2xvcicsCiAgICAgICAgICBkZWZhdWx0OiBbewogICAgICAgICAgICBpdGVtOiAnI2U5MzMyMycKICAgICAgICAgIH1dLAogICAgICAgICAgY29sb3I6IFt7CiAgICAgICAgICAgIGl0ZW06ICcjZTkzMzIzJwogICAgICAgICAgfV0KICAgICAgICB9LAogICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgdGl0bGU6ICfmmL7npLrnsbvlnosnLAogICAgICAgICAgbmFtZTogJ2l0ZW1Tc3R5bGUnLAogICAgICAgICAgdHlwZTogMCwKICAgICAgICAgIGxpc3Q6IFt7CiAgICAgICAgICAgIHZhbDogJ+WNleWIlycsCiAgICAgICAgICAgIGljb246ICdpY29uenVveW91dHV3ZW4nCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+S4pOWIlycsCiAgICAgICAgICAgIGljb246ICdpY29ubGlhbmdsaWUnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbDogJ+S4ieWIlycsCiAgICAgICAgICAgIGljb246ICdpY29uc2FubGllJwogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWw6ICflpKflm74nLAogICAgICAgICAgICBpY29uOiAnaWNvbmRhbmxpZScKICAgICAgICAgIH1dCiAgICAgICAgfSwKICAgICAgICBiZ1N0eWxlOiB7CiAgICAgICAgICB0aXRsZTogJ+iDjOaZr+agt+W8jycsCiAgICAgICAgICBuYW1lOiAnYmdTdHlsZScsCiAgICAgICAgICB0eXBlOiAwLAogICAgICAgICAgbGlzdDogW3sKICAgICAgICAgICAgdmFsOiAn55u06KeSJywKICAgICAgICAgICAgaWNvbjogJ2ljb25QaWNfc3F1YXJlJwogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWw6ICflnIbop5InLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19maWxsZXQnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgY29uU3R5bGU6IHsKICAgICAgICAgIHRpdGxlOiAn5YaF5a655qC35byPJywKICAgICAgICAgIG5hbWU6ICdjb25TdHlsZScsCiAgICAgICAgICB0eXBlOiAxLAogICAgICAgICAgbGlzdDogW3sKICAgICAgICAgICAgdmFsOiAn55u06KeSJywKICAgICAgICAgICAgaWNvbjogJ2ljb25QaWNfc3F1YXJlJwogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWw6ICflnIbop5InLAogICAgICAgICAgICBpY29uOiAnaWNvblBpY19maWxsZXQnCiAgICAgICAgICB9XQogICAgICAgIH0sCiAgICAgICAgcHJDb25maWc6IHsKICAgICAgICAgIHRpdGxlOiAn6IOM5pmv6L656LedJywKICAgICAgICAgIHZhbDogMCwKICAgICAgICAgIG1pbjogMAogICAgICAgIH0sCiAgICAgICAgbWJDb25maWc6IHsKICAgICAgICAgIHRpdGxlOiAn5ZWG5ZOB6Ze06LedJywKICAgICAgICAgIHZhbDogMCwKICAgICAgICAgIG1pbjogMAogICAgICAgIH0sCiAgICAgICAgcHJvZHVjdExpc3Q6IHsKICAgICAgICAgIHRpdGxlOiAn5ZWG5ZOB5YiX6KGoJywKICAgICAgICAgIGxpc3Q6IFtdCiAgICAgICAgfSwKICAgICAgICBnb29kc0xpc3Q6IHsKICAgICAgICAgIG1heDogMjAsCiAgICAgICAgICBsaXN0OiBbXQogICAgICAgIH0KICAgICAgfSwKICAgICAgbmF2bGlzdDogW10sCiAgICAgIGltZ1N0eWxlOiAnJywKICAgICAgdHh0Q29sb3I6ICcnLAogICAgICBzbGlkZXI6ICcnLAogICAgICB0YWJDdXI6IDAsCiAgICAgIGxpc3Q6IFtdLAogICAgICBhY3RpdmVDb2xvcjogJycsCiAgICAgIGZvbnRDb2xvcjogJycsCiAgICAgIGxhYmVsQ29sb3I6ICcnLAogICAgICBwYWdlRGF0YToge30sCiAgICAgIGl0ZW1TdHlsZTogMCwKICAgICAgdGl0bGVTaG93OiB0cnVlLAogICAgICBvcHJpY2VTaG93OiB0cnVlLAogICAgICBwcmljZVNob3c6IHRydWUsCiAgICAgIGNvdXBvblNob3c6IHRydWUsCiAgICAgIHByQ29uZmlnOiAwLAogICAgICBiZ1N0eWxlOiAwLAogICAgICBjb25TdHlsZTogMQogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7CiAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMucGFnZURhdGEgPSBfdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnLmRlZmF1bHRBcnJheVtfdGhpcy5udW1dOwoKICAgICAgX3RoaXMuc2V0Q29uZmlnKF90aGlzLnBhZ2VEYXRhKTsKICAgIH0pOwogIH0sCiAgbWV0aG9kczogewogICAgc2V0Q29uZmlnOiBmdW5jdGlvbiBzZXRDb25maWcoZGF0YSkgewogICAgICBpZiAoIWRhdGEpIHJldHVybjsKCiAgICAgIGlmIChkYXRhLm1iQ29uZmlnKSB7CiAgICAgICAgdGhpcy5pdGVtU3R5bGUgPSBkYXRhLml0ZW1TdHlsZS50eXBlIHx8IDA7CiAgICAgICAgdGhpcy5hY3RpdmVDb2xvciA9IGRhdGEudGhlbWVDb2xvci5jb2xvclswXS5pdGVtOwogICAgICAgIHRoaXMuZm9udENvbG9yID0gZGF0YS5mb250Q29sb3IuY29sb3JbMF0uaXRlbTsKICAgICAgICB0aGlzLmxhYmVsQ29sb3IgPSBkYXRhLmxhYmVsQ29sb3IuY29sb3JbMF0uaXRlbTsKICAgICAgICB0aGlzLnNsaWRlciA9IGRhdGEubWJDb25maWcudmFsOwogICAgICAgIHRoaXMucHJDb25maWcgPSBkYXRhLnByQ29uZmlnLnZhbDsKICAgICAgICB0aGlzLnRpdGxlU2hvdyA9IGRhdGEudGl0bGVTaG93LnZhbDsKICAgICAgICB0aGlzLm9wcmljZVNob3cgPSBkYXRhLm9wcmljZVNob3cudmFsOwogICAgICAgIHRoaXMucHJpY2VTaG93ID0gZGF0YS5wcmljZVNob3cudmFsOwogICAgICAgIHRoaXMuY291cG9uU2hvdyA9IGRhdGEuY291cG9uU2hvdy52YWw7CiAgICAgICAgdGhpcy5iZ1N0eWxlID0gZGF0YS5iZ1N0eWxlLnR5cGU7CiAgICAgICAgdGhpcy5jb25TdHlsZSA9IGRhdGEuY29uU3R5bGUudHlwZTsKCiAgICAgICAgaWYgKGRhdGEudGFiQ29uZmlnLnRhYlZhbCkgewogICAgICAgICAgdGhpcy5saXN0ID0gZGF0YS5nb29kc0xpc3QubGlzdCB8fCBbXTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgdGhpcy5saXN0ID0gZGF0YS5wcm9kdWN0TGlzdC5saXN0IHx8IFtdOwogICAgICAgIH0KICAgICAgfQogICAgfQogIH0KfTs="},{"version":3,"mappings":"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","names":["name","cname","configName","icon","type","defaultName","props","index","num","computed","mapState","watch","pageData","handler","nVal","oVal","deep","defaultArray","data","defaultConfig","timestamp","setUp","tabVal","tabConfig","title","tabList","titleShow","val","opriceShow","priceShow","couponShow","selectConfig","activeValue","list","value","label","goodsSort","numConfig","themeColor","default","item","color","fontColor","labelColor","itemStyle","bgStyle","conStyle","prConfig","min","mbConfig","productList","goodsList","max","navlist","imgStyle","txtColor","slider","tabCur","activeColor","mounted","methods","setConfig"],"sourceRoot":"src/components/mobilePageDiy","sources":["home_goods_list.vue"],"sourcesContent":["<template>\r\n  <div :style=\"{ padding: '0 ' + prConfig + 'px' }\">\r\n    <div\r\n      class=\"mobile-page paddingBox\"\r\n      :class=\"bgStyle === 0 ? '' : 'pageOn'\"\r\n      :style=\"{ marginTop: slider + 'px', background: activeColor }\"\r\n    >\r\n      <div class=\"home_product\">\r\n        <!-- 单列 -->\r\n        <template v-if=\"itemStyle == 0\">\r\n          <div class=\"list-wrapper itemA\" v-if=\"list.length > 0\">\r\n            <div class=\"item\" :class=\"conStyle ? '' : 'itemOn'\" v-for=\"(item, index) in list\" :index=\"index\">\r\n              <div class=\"img-box\">\r\n                <img v-if=\"item.image\" :src=\"item.image\" alt=\"\" />\r\n                <div v-else class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\" v-if=\"index == 0\">标签</div>\r\n              </div>\r\n              <div class=\"info\">\r\n                <div class=\"hd\">\r\n                  <div class=\"title line2\" v-if=\"titleShow\">{{ item.store_name }}</div>\r\n                  <div class=\"old-price\" v-if=\"opriceShow\">¥{{ item.ot_price }}</div>\r\n                </div>\r\n                <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                  <div class=\"num\" v-if=\"priceShow\">￥{{ item.price }}</div>\r\n                  <div\r\n                    class=\"label\"\r\n                    :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                    :class=\"priceShow ? '' : 'on'\"\r\n                    v-if=\"item.couponId.length && couponShow\"\r\n                  >\r\n                    券\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"list-wrapper itemA\" v-else>\r\n            <div class=\"item\" :class=\"conStyle ? '' : 'itemOn'\">\r\n              <div class=\"img-box\">\r\n                <div class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\">砍价</div>\r\n              </div>\r\n              <div class=\"info\">\r\n                <div class=\"hd\">\r\n                  <div class=\"title line2\" v-if=\"titleShow\">商品名称</div>\r\n                  <div class=\"old-price\" v-if=\"opriceShow\">¥99.99</div>\r\n                </div>\r\n                <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                  <div class=\"num\" v-if=\"priceShow\">￥66.66</div>\r\n                  <div\r\n                    class=\"label\"\r\n                    :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                    :class=\"priceShow ? '' : 'on'\"\r\n                    v-if=\"couponShow\"\r\n                  >\r\n                    券\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </template>\r\n        <!-- 二列 -->\r\n        <template v-if=\"itemStyle == 1\">\r\n          <div class=\"list-wrapper itemC\" v-if=\"list.length > 0\">\r\n            <div class=\"item\" :class=\"conStyle ? '' : 'itemOn'\" v-for=\"(item, index) in list\" :index=\"index\">\r\n              <div class=\"img-box\">\r\n                <img v-if=\"item.image\" :src=\"item.image\" alt=\"\" />\r\n                <div v-else class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\" v-if=\"index == 0\">标签</div>\r\n              </div>\r\n              <div class=\"info\">\r\n                <div class=\"hd\">\r\n                  <div class=\"title line1\" v-if=\"titleShow\">{{ item.store_name }}</div>\r\n                  <div class=\"old-price\" v-if=\"opriceShow\">¥{{ item.ot_price }}</div>\r\n                </div>\r\n                <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                  <div class=\"num\" v-if=\"priceShow\">￥{{ item.price }}</div>\r\n                  <div\r\n                    class=\"label\"\r\n                    :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                    :class=\"priceShow ? '' : 'on'\"\r\n                    v-if=\"item.couponId.length && couponShow\"\r\n                  >\r\n                    券\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"list-wrapper\" v-else>\r\n            <div class=\"item\" :class=\"conStyle ? '' : 'itemOn'\">\r\n              <div class=\"img-box\">\r\n                <div class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\">砍价</div>\r\n              </div>\r\n              <div class=\"info\">\r\n                <div class=\"hd\">\r\n                  <div class=\"title line2\" v-if=\"titleShow\">商品名称</div>\r\n                  <div class=\"old-price\" v-if=\"opriceShow\">¥99.99</div>\r\n                </div>\r\n                <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                  <div class=\"num\" v-if=\"priceShow\">￥66.66</div>\r\n                  <div\r\n                    class=\"label\"\r\n                    :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                    :class=\"priceShow ? '' : 'on'\"\r\n                    v-if=\"couponShow\"\r\n                  >\r\n                    券\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </template>\r\n        <!-- 三列 -->\r\n        <template v-if=\"itemStyle == 2\">\r\n          <div class=\"list-wrapper itemB\" v-if=\"list.length > 0\">\r\n            <div class=\"item\" :class=\"conStyle ? '' : 'itemOn'\" v-for=\"(item, index) in list\" :index=\"index\">\r\n              <div class=\"img-box\">\r\n                <img v-if=\"item.image\" :src=\"item.image\" alt=\"\" />\r\n                <div v-else class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\" v-if=\"index == 0\">标签</div>\r\n              </div>\r\n              <div class=\"info\">\r\n                <div class=\"hd\">\r\n                  <div class=\"title line1\" v-if=\"titleShow\">{{ item.store_name }}</div>\r\n                  <div class=\"old-price\" v-if=\"opriceShow\">¥{{ item.ot_price }}</div>\r\n                </div>\r\n                <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                  <div class=\"num\" v-if=\"priceShow\">￥{{ item.price }}</div>\r\n                  <div\r\n                    class=\"label\"\r\n                    :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                    :class=\"priceShow ? '' : 'on'\"\r\n                    v-if=\"item.couponId.length && couponShow\"\r\n                  >\r\n                    券\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"list-wrapper itemB\" v-else>\r\n            <div class=\"item\" :class=\"conStyle ? '' : 'itemOn'\">\r\n              <div class=\"img-box\">\r\n                <div class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\">砍价</div>\r\n              </div>\r\n              <div class=\"info\">\r\n                <div class=\"hd\">\r\n                  <div class=\"title line2\" v-if=\"titleShow\">商品名称</div>\r\n                  <div class=\"old-price\" v-if=\"opriceShow\">¥99.99</div>\r\n                </div>\r\n                <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                  <div class=\"num\" v-if=\"priceShow\">￥66.66</div>\r\n                  <div\r\n                    class=\"label\"\r\n                    :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                    :class=\"priceShow ? '' : 'on'\"\r\n                    v-if=\"couponShow\"\r\n                  >\r\n                    券\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </template>\r\n        <!-- 大图 -->\r\n        <template v-if=\"itemStyle == 3\">\r\n          <div class=\"listBig\" v-if=\"list.length > 0\">\r\n            <div class=\"itemBig\" :class=\"conStyle ? '' : 'itemOn'\" v-for=\"(item, index) in list\" :key=\"index\">\r\n              <div class=\"img-box\">\r\n                <img v-if=\"item.image\" :src=\"item.image\" alt=\"\" />\r\n                <div v-else class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\" v-if=\"index == 0\">标签</div>\r\n              </div>\r\n              <div class=\"name line2\">\r\n                <span\r\n                  class=\"coupon\"\r\n                  :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                  v-if=\"item.couponId.length && couponShow\"\r\n                  >券</span\r\n                ><span v-if=\"titleShow\">{{ item.store_name }}</span>\r\n              </div>\r\n              <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                <span v-if=\"priceShow\"\r\n                  >￥<span class=\"num\">{{ item.price }}</span></span\r\n                ><span class=\"old-price\" v-if=\"opriceShow\">¥{{ item.ot_price }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"listBig\" v-else>\r\n            <div class=\"itemBig\" :class=\"conStyle ? '' : 'itemOn'\">\r\n              <div class=\"img-box\">\r\n                <div class=\"empty-box\"><span class=\"iconfont-diy icontupian\"></span></div>\r\n                <div class=\"label\" :style=\"{ background: labelColor }\">砍价</div>\r\n              </div>\r\n              <div class=\"name line2\">\r\n                <span\r\n                  :style=\"'border:1px solid ' + labelColor + ';color:' + labelColor\"\r\n                  class=\"coupon\"\r\n                  v-if=\"couponShow\"\r\n                  >券</span\r\n                ><span v-if=\"titleShow\">商品名称</span>\r\n              </div>\r\n              <div class=\"price\" :style=\"{ color: fontColor }\">\r\n                <span v-if=\"priceShow\">￥<span class=\"num\">66.66</span></span\r\n                ><span class=\"old-price\" v-if=\"opriceShow\">¥99.99</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n  name: 'home_goods_list',\r\n  cname: '商品列表',\r\n  configName: 'c_home_goods_list',\r\n  icon: 'iconcuxiaoliebiao1',\r\n  type: 0, // 0 基础组件 1 营销组件 2工具组件\r\n  defaultName: 'goodList', // 外面匹配名称\r\n  props: {\r\n    index: {\r\n      type: null,\r\n    },\r\n    num: {\r\n      type: null,\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('mobildConfig', ['defaultArray']),\r\n  },\r\n  watch: {\r\n    pageData: {\r\n      handler(nVal, oVal) {\r\n        this.setConfig(nVal);\r\n      },\r\n      deep: true,\r\n    },\r\n    num: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[nVal];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n    defaultArray: {\r\n      handler(nVal, oVal) {\r\n        let data = this.$store.state.mobildConfig.defaultArray[this.num];\r\n        this.setConfig(data);\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      // 默认初始化数据禁止修改\r\n      defaultConfig: {\r\n        name: 'goodList',\r\n        timestamp: this.num,\r\n        setUp: {\r\n          tabVal: 0,\r\n        },\r\n        tabConfig: {\r\n          title: '选择模板',\r\n          tabVal: 0,\r\n          type: 1,\r\n          tabList: [\r\n            {\r\n              name: '自动选择',\r\n              icon: 'iconzidongxuanze',\r\n            },\r\n            {\r\n              name: '手动选择',\r\n              icon: 'iconshoudongxuanze',\r\n            },\r\n          ],\r\n        },\r\n        titleShow: {\r\n          title: '是否显示名称',\r\n          val: true,\r\n        },\r\n        opriceShow: {\r\n          title: '是否显示原价',\r\n          val: true,\r\n        },\r\n        priceShow: {\r\n          title: '是否显示价格',\r\n          val: true,\r\n        },\r\n        couponShow: {\r\n          title: '是否显示优惠券',\r\n          val: true,\r\n        },\r\n        selectConfig: {\r\n          title: '商品分类',\r\n          activeValue: [],\r\n          list: [\r\n            {\r\n              value: '',\r\n              label: '',\r\n            },\r\n            {\r\n              value: '',\r\n              label: '',\r\n            },\r\n          ],\r\n        },\r\n        goodsSort: {\r\n          title: '商品排序',\r\n          name: 'goodsSort',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '综合',\r\n              icon: 'iconComm_whole',\r\n            },\r\n            {\r\n              val: '销量',\r\n              icon: 'iconComm_number',\r\n            },\r\n            {\r\n              val: '价格',\r\n              icon: 'iconComm_Price',\r\n            },\r\n          ],\r\n        },\r\n        numConfig: {\r\n          val: 6,\r\n        },\r\n        themeColor: {\r\n          title: '背景颜色',\r\n          name: 'themeColor',\r\n          default: [\r\n            {\r\n              item: '#fff',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#fff',\r\n            },\r\n          ],\r\n        },\r\n        fontColor: {\r\n          title: '价格颜色',\r\n          name: 'fontColor',\r\n          default: [\r\n            {\r\n              item: '#e93323',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#e93323',\r\n            },\r\n          ],\r\n        },\r\n        labelColor: {\r\n          title: '活动标签',\r\n          name: 'labelColor',\r\n          default: [\r\n            {\r\n              item: '#e93323',\r\n            },\r\n          ],\r\n          color: [\r\n            {\r\n              item: '#e93323',\r\n            },\r\n          ],\r\n        },\r\n        itemStyle: {\r\n          title: '显示类型',\r\n          name: 'itemSstyle',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '单列',\r\n              icon: 'iconzuoyoutuwen',\r\n            },\r\n            {\r\n              val: '两列',\r\n              icon: 'iconlianglie',\r\n            },\r\n            {\r\n              val: '三列',\r\n              icon: 'iconsanlie',\r\n            },\r\n            {\r\n              val: '大图',\r\n              icon: 'icondanlie',\r\n            },\r\n          ],\r\n        },\r\n        bgStyle: {\r\n          title: '背景样式',\r\n          name: 'bgStyle',\r\n          type: 0,\r\n          list: [\r\n            {\r\n              val: '直角',\r\n              icon: 'iconPic_square',\r\n            },\r\n            {\r\n              val: '圆角',\r\n              icon: 'iconPic_fillet',\r\n            },\r\n          ],\r\n        },\r\n        conStyle: {\r\n          title: '内容样式',\r\n          name: 'conStyle',\r\n          type: 1,\r\n          list: [\r\n            {\r\n              val: '直角',\r\n              icon: 'iconPic_square',\r\n            },\r\n            {\r\n              val: '圆角',\r\n              icon: 'iconPic_fillet',\r\n            },\r\n          ],\r\n        },\r\n        prConfig: {\r\n          title: '背景边距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n        mbConfig: {\r\n          title: '商品间距',\r\n          val: 0,\r\n          min: 0,\r\n        },\r\n        productList: {\r\n          title: '商品列表',\r\n          list: [],\r\n        },\r\n        goodsList: {\r\n          max: 20,\r\n          list: [],\r\n        },\r\n      },\r\n      navlist: [],\r\n      imgStyle: '',\r\n      txtColor: '',\r\n      slider: '',\r\n      tabCur: 0,\r\n      list: [],\r\n      activeColor: '',\r\n      fontColor: '',\r\n      labelColor: '',\r\n      pageData: {},\r\n      itemStyle: 0,\r\n      titleShow: true,\r\n      opriceShow: true,\r\n      priceShow: true,\r\n      couponShow: true,\r\n      prConfig: 0,\r\n      bgStyle: 0,\r\n      conStyle: 1,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.pageData = this.$store.state.mobildConfig.defaultArray[this.num];\r\n      this.setConfig(this.pageData);\r\n    });\r\n  },\r\n  methods: {\r\n    setConfig(data) {\r\n      if (!data) return;\r\n      if (data.mbConfig) {\r\n        this.itemStyle = data.itemStyle.type || 0;\r\n        this.activeColor = data.themeColor.color[0].item;\r\n        this.fontColor = data.fontColor.color[0].item;\r\n        this.labelColor = data.labelColor.color[0].item;\r\n        this.slider = data.mbConfig.val;\r\n        this.prConfig = data.prConfig.val;\r\n        this.titleShow = data.titleShow.val;\r\n        this.opriceShow = data.opriceShow.val;\r\n        this.priceShow = data.priceShow.val;\r\n        this.couponShow = data.couponShow.val;\r\n        this.bgStyle = data.bgStyle.type;\r\n        this.conStyle = data.conStyle.type;\r\n        if (data.tabConfig.tabVal) {\r\n          this.list = data.goodsList.list || [];\r\n        } else {\r\n          this.list = data.productList.list || [];\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"stylus\">\r\n.itemOn{\r\n    border-radius 0!important\r\n    img,.empty-box{\r\n        border-radius 0!important\r\n    }\r\n    .img-box{\r\n        .label{\r\n            border-radius 0 0 8px 0!important\r\n        }\r\n    }\r\n}\r\n.pageOn\r\n  border-radius 8px!important\r\n.listBig\r\n    width 100%;\r\n    padding 10px 0 1px 0;\r\n    .itemBig\r\n        width 100%;\r\n        margin-bottom 15px;\r\n        background-color #fff;\r\n        border-radius 10px\r\n        .img-box\r\n            width 100%;\r\n            height 160px;\r\n            position relative\r\n            border-radius 50px;\r\n            img\r\n               width 100%\r\n               height 160px\r\n               border-radius 10px 10px 0 0\r\n            .empty-box\r\n                border-radius 8px 8px 0 0;\r\n            .label\r\n                position absolute\r\n                top 0;\r\n                left:0;\r\n                width:59px;\r\n                height:25px;\r\n                line-height 25px\r\n                text-align center\r\n                color #fff\r\n                font-size 12px\r\n                border-radius 8px 0 8px 0\r\n        .name\r\n           font-size 15px;\r\n           font-weight bold;\r\n           margin-top 8px;\r\n           padding 0 10px;\r\n        .coupon\r\n            width:16px;\r\n            height:18px;\r\n            line-height 18px\r\n            text-align center\r\n            font-size 12px\r\n            margin-right 5px;\r\n            display inline-block\r\n        .price\r\n            font-weight bold\r\n            font-size 12px\r\n            padding 0 10px;\r\n            .num\r\n              font-size 18px\r\n              margin-right 5px;\r\n            .old-price\r\n                color #aaa!important\r\n                font-weight normal\r\n                text-decoration line-through\r\n.paddingBox\r\n    padding-bottom 0\r\n.home_product\r\n    .hd_nav\r\n        display flex\r\n        height 65px\r\n        padding 0 5px\r\n        .item\r\n            display flex\r\n            flex-direction column\r\n            justify-content center\r\n            width 25%\r\n            .title\r\n                font-size 16px\r\n                color #282828\r\n            .label\r\n                width:62px;\r\n                height:18px;\r\n                line-height 18px\r\n                text-align center\r\n                background:transparent;\r\n                border-radius:8px;\r\n                color #999999\r\n                font-size 12px\r\n            &.active\r\n                .title\r\n                    color #FF4444\r\n                .label\r\n                    color #fff\r\n                    background:linear-gradient(270deg,rgba(255,84,0,1) 0%,rgba(255,0,0,1) 100%);\r\n    .list-wrapper\r\n        display flex\r\n        flex-wrap wrap\r\n        justify-content space-between\r\n        padding-top 10px\r\n        .item\r\n            width 48.5%\r\n            margin-bottom 10px\r\n            background-color #fff\r\n            border-radius 10px\r\n            .img-box\r\n                position relative\r\n                width 100%\r\n                height 173px\r\n                img,.box\r\n                    width 100%\r\n                    height 100%\r\n                    border-radius:10px 0 0 10px;\r\n                 .empty-box\r\n                     background  #f3f5f7\r\n                     border-radius:10px 10px 0px 0px;\r\n                .box\r\n                    background #D8D8D8\r\n                .label\r\n                    position absolute\r\n                    left 0\r\n                    top 0\r\n                    width:46px;\r\n                    height:22px;\r\n                    border-radius:10px 0px 10px 0px;\r\n                    color #fff\r\n                    font-size 13px\r\n                    text-align center\r\n                    line-height 22px\r\n            .info\r\n                padding 7px 10px\r\n                .title\r\n                    font-size 14px\r\n                    color #282828\r\n                .old-price\r\n                    color #aaa\r\n                    font-size 13px\r\n                    text-decoration: line-through;\r\n                .price\r\n                    display flex\r\n                    align-items center\r\n                    .num\r\n                        font-size 18px\r\n                        span\r\n                            font-size 12px\r\n                    .label\r\n                        width:16px;\r\n                        height:18px;\r\n                        margin-left 5px\r\n                        text-align center\r\n                        line-height 18px\r\n                        font-size 11px\r\n                        &.on\r\n                           margin-left 0\r\n\r\n\r\n        &.itemA\r\n            /*background #fff*/\r\n            .item\r\n                display flex\r\n                width 100%\r\n                .img-box\r\n                    position relative\r\n                    width 110px\r\n                    height 110px\r\n                    img,.box,.empty-box\r\n                        border-radius 10px 0 0 10px\r\n\r\n                .info\r\n                    display flex\r\n                    justify-content space-between\r\n                    flex-direction column\r\n                    flex 1\r\n                    margin-left 5px\r\n                    padding: 5px 10px;\r\n        &.itemB\r\n            justify-content inherit\r\n            .item\r\n                width 31.6%\r\n                margin-right 8px\r\n                &:nth-child(3n)\r\n                    margin-right 0\r\n                .img-box\r\n                    position relative\r\n                    width 100%\r\n                    height 110px\r\n                    img,.box,.empty-box\r\n                        border-radius:10px 10px 0 0;\r\n         &.itemC\r\n              .item\r\n                  img,.box,.empty-box\r\n                      border-radius:10px 10px 0 0;\r\n</style>\r\n"]}]}