{"version":3,"sources":["uni-app:///main.js","webpack:////Users/yovinchen/Desktop/project/xlcs/xlcs-user/pages/index/index.vue?3b4c","webpack:////Users/yovinchen/Desktop/project/xlcs/xlcs-user/pages/index/index.vue?22ff","webpack:////Users/yovinchen/Desktop/project/xlcs/xlcs-user/pages/index/index.vue?2894","webpack:////Users/yovinchen/Desktop/project/xlcs/xlcs-user/pages/index/index.vue?adf4","uni-app:///pages/index/index.vue","webpack:////Users/yovinchen/Desktop/project/xlcs/xlcs-user/pages/index/index.vue?46bf","webpack:////Users/yovinchen/Desktop/project/xlcs/xlcs-user/pages/index/index.vue?3001"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","data","list","ggNoticeSearchBarRightBtnCustomStyle","borderRadius","showRulePopup","windowWidth","categorySVPercent","token","onLoad","uni","success","computed","methods","scrollMove","pickUpLocation","gotoProductItem","skuId","gotoSeckill","watch","handler","url","deep","onShow","console","mounted"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AACmN;AACnN,gBAAgB,iNAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,2OAEN;AACP,KAAK;AACL;AACA,aAAa,+NAEN;AACP,KAAK;AACL;AACA,aAAa,mQAEN;AACP,KAAK;AACL;AACA,aAAa,2OAEN;AACP,KAAK;AACL;AACA,aAAa,0MAEN;AACP,KAAK;AACL;AACA,aAAa,8LAEN;AACP,KAAK;AACL;AACA,aAAa,qOAEN;AACP,KAAK;AACL;AACA,aAAa,qRAEN;AACP,KAAK;AACL;AACA,aAAa,yNAEN;AACP,KAAK;AACL;AACA,aAAa,qOAEN;AACP,KAAK;AACL;AACA,aAAa,qOAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACxGA;AAAA;AAAA;AAAA;AAAk1B,CAAgB,myBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;AC8Nt2B;AAAA;AAAA;AAEA;AAAA,eACA;EACAC;IACA;MACAC;MACA;MACAC;QACAC;MACA;MACAC;MACAC;MAAA;MACAC;MAAA;MACAC;IACA;EACA;EACAC;IAAA;IACAC;MACAC;QACA;MACA;IACA;EACA;EACAC,0CACA,+CACA,mJACA;EACAC,yCACA;IACAC;MAAA;MACA;MACA;MACA;MACA;;MAEA;MACA;QACA;MACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;QAAAC;MAAA;IACA;IACA;IACAC;MACA;IACA;EAAA,EACA;EACAC;IACA;AACA;AACA;AACA;AACA;AACA;IACA;IACA;IACA;IACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AACA;AACA;AACA;AACA;AACA;IACA;MACAC;QACA;UACAV;YACAW;UACA;QACA;MACA;MACAC;IACA;EACA;EACAC;IACA;AACA;AACA;AACA;AACA;AACA;IACAC;EACA;EACAC;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAD;cAAA;cAAA,OACAd;YAAA;cAAAF;cAAA,KACA;gBAAA;gBAAA;cAAA;cACAE;gBACAW;cACA;cAAA;YAAA;cAIA;cAAA;cAAA,OACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC3VA;AAAA;AAAA;AAAA;AAAqlD,CAAgB,07CAAG,EAAC,C;;;;;;;;;;;ACAzmD;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/index/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=57280228&scoped=true&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=57280228&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57280228\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/index/index.vue\"\nexport default component.exports","export * from \"-!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=57280228&scoped=true&\"","var components\ntry {\n  components = {\n    uNavbar: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-navbar/u-navbar\" */ \"uview-ui/components/u-navbar/u-navbar.vue\"\n      )\n    },\n    uIcon: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-icon/u-icon\" */ \"uview-ui/components/u-icon/u-icon.vue\"\n      )\n    },\n    uNoticeBar: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-notice-bar/u-notice-bar\" */ \"uview-ui/components/u-notice-bar/u-notice-bar.vue\"\n      )\n    },\n    uButton: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-button/u-button\" */ \"uview-ui/components/u-button/u-button.vue\"\n      )\n    },\n    ListImgItem: function () {\n      return import(\n        /* webpackChunkName: \"components/ListImgItem/ListImgItem\" */ \"@/components/ListImgItem/ListImgItem.vue\"\n      )\n    },\n    AddToCart: function () {\n      return import(\n        /* webpackChunkName: \"components/AddToCart/AddToCart\" */ \"@/components/AddToCart/AddToCart.vue\"\n      )\n    },\n    uImage: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-image/u-image\" */ \"uview-ui/components/u-image/u-image.vue\"\n      )\n    },\n    uLineProgress: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-line-progress/u-line-progress\" */ \"uview-ui/components/u-line-progress/u-line-progress.vue\"\n      )\n    },\n    uGap: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-gap/u-gap\" */ \"uview-ui/components/u-gap/u-gap.vue\"\n      )\n    },\n    uPopup: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-popup/u-popup\" */ \"uview-ui/components/u-popup/u-popup.vue\"\n      )\n    },\n    uEmpty: function () {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-empty/u-empty\" */ \"uview-ui/components/u-empty/u-empty.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var a0 = _vm.token\n    ? {\n        \"background-image\":\n          \"linear-gradient(to right, rgb(255,180,61), rgb(255, 101, 0))\",\n      }\n    : null\n  var g0 = _vm.token ? _vm.seckillSkuVoList.length : null\n  if (!_vm._isMounted) {\n    _vm.e0 = function ($event) {\n      _vm.showRulePopup = true\n    }\n  }\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        a0: a0,\n        g0: g0,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\n  <view v-if=\"token\" class=\"gg\">\n    <!-- 利用background-image设置导航的线形渐变色彩 -->\n    <u-navbar :background=\"{ 'background-image': 'linear-gradient(to right, rgb(255,180,61), rgb(255, 101, 0))' }\" :border-bottom=\"false\"\n              :is-back=\"false\">\n      <view class=\"gg-map-slot-wrap u-font-xs u-m-l-20 u-p-l-10 u-p-r-10 u-p-t-5 u-p-b-5\" @click=\"pickUpLocation\">\n        <u-icon name=\"map\" size=\"24\"></u-icon>\n        <text class=\"u-p-l-10 u-p-r-10\">{{\n            leaderAddressVo.takeName ? leaderAddressVo.takeName : '请设置提货点'\n          }}\n        </text>\n        <u-icon name=\"arrow-right\" size=\"20\"></u-icon>\n      </view>\n    </u-navbar>\n\n    <!-- 主内容区域-Begin -->\n    <view class=\"gg-content\">\n      <!-- 头部区域 -->\n      <view class=\"gg-header u-p-l-20 u-p-r-20\">\n        <!--\n        头部滚动提示搜索区\n        1.搜索图标\n        2.滚动提示条\n        3.搜索按钮（自定义样式）\n        -->\n        <view class=\"gg-notice-search-bar\">\n          <u-icon class=\"gg-notice-search-bar-left-icon\" name=\"search\"></u-icon>\n          <u-notice-bar\n              :border-radius=\"30\"\n              :is-circular=\"false\"\n              :list=\"list\"\n              :more-icon=\"false\"\n              :volume-icon=\"false\"\n              class=\"gg-notice-search-bar-u-notice-bar\"\n              mode=\"vertical\"\n              type=\"none\"\n          ></u-notice-bar>\n          <u-button :custom-style=\"ggNoticeSearchBarRightBtnCustomStyle\" class=\"u-m-r-20\" shape=\"square\" size=\"mini\"\n                    type=\"error\">搜索\n          </u-button>\n        </view>\n\n        <!-- 新人专享低价好物sv滚动区 -->\n        <view class=\"gg-new-vip u-p-20 u-m-t-20\">\n          <view class=\"u-font-lg u-content-color\">新人专享低价好物</view>\n          <scroll-view class=\"gg-new-vip-sv\" enable-flex scroll-x>\n            <view class=\"u-flex u-m-t-10\">\n              <view v-for=\"(item, index) in newPersonSkuInfoList\" :key=\"item.id\" class=\"gg-new-vip-sv-item u-p-r-20\"\n                    @click=\"gotoProductItem(item.id)\">\n                <ListImgItem\n                    :showBottom=\"item.skuType === 0 && item.isNewPerson === 1\"\n                    :showLeft=\"item.skuType === 1\"\n                    :showRight=\"false\"\n                    :src=\"item.imgUrl\"\n                    height=\"200rpx\"\n                    width=\"200rpx\"\n                ></ListImgItem>\n                <text class=\"u-type-error\">￥ {{ item.price }}</text>\n                <AddToCart :shopDetail=\"item\" :skuId=\"item.id\"></AddToCart>\n              </view>\n            </view>\n          </scroll-view>\n        </view>\n      </view>\n      <!-- 头部区域底部左右圆角区 -->\n      <view class=\"gg-header-bottom\"></view>\n\n      <!-- 小鹿超市规则 -->\n      <view class=\"u-flex u-row-between u-p-20 u-m-20 gg-border\" @click=\"showRulePopup = true\">\n        <u-image height=\"30rpx\" src=\"/static/logo.png\" width=\"30rpx\"></u-image>\n        <view>平台资质、法律条款、规则及投诉入口</view>\n      </view>\n\n      <!-- 商品分类 -->\n      <view class=\"u-m-20 u-p-20 gg-border\">\n        <scroll-view enable-flex scroll-x @scroll=\"scrollMove\">\n          <view class=\"u-flex u-p-r-20 u-p-t-20\">\n            <!-- 循环滚动内容 -->\n            <view v-for=\"item in categoryList\" :key=\"item.id\" class=\"u-p-l-20 u-p-r-20\">\n              <u-image :src=\"item.imgUrl\" border-radius=\"30rpx\" height=\"100rpx\" width=\"100rpx\"></u-image>\n              <text class=\"u-font-xs\">{{ item.name }}</text>\n            </view>\n          </view>\n        </scroll-view>\n        <view class=\"gg-category\">\n          <u-line-progress :percent=\"categorySVPercent\" :show-percent=\"false\" class=\"gg-category-progress\"\n                           height=\"5\"></u-line-progress>\n        </view>\n      </view>\n\n      <!-- 限时秒杀 -->\n      <block v-if=\"seckillSkuVoList.length > 0\">\n        <!-- 秒杀 -->\n        <view class=\"u-m-l-20 u-m-r-20 u-flex\">\n          <view class=\"u-flex u-flex-1\">\n            <view class=\"u-font-lg u-type-error\">\n              秒杀抢购：\n              <text class=\"u-font-sm\">{{ seckillTime.name }}场 {{ seckillTime.startTime }}-{{\n                  seckillTime.endTime\n                }}\n              </text>\n            </view>\n          </view>\n          <u-button :plain=\"true\" size=\"mini\" @click=\"gotoSeckill\">查看全部 ></u-button>\n        </view>\n        <view class=\"u-m-20 u-p-20 gg-border\">\n          <scroll-view enable-flex scroll-x>\n            <view class=\"u-flex u-p-r-20 u-p-t-20\">\n              <!-- 循环滚动内容 -->\n              <view v-for=\"item in seckillSkuVoList\" :key=\"item.skuId\" class=\"u-p-l-20 u-p-r-20 u-text-center\"\n                    @click=\"gotoProductItem(item.skuId)\">\n                <text class=\"u-font-sm u-m-b-5\">{{ item.timeName }}</text>\n                <u-image :src=\"item.imgUrl\" border-radius=\"30rpx\" height=\"200rpx\" width=\"200rpx\"></u-image>\n                <text class=\"u-font-sm u-m-t-5\">{{ item.skuName }}</text>\n                <AddToCart :shopDetail=\"item\" :skuId=\"item.skuId\"></AddToCart>\n              </view>\n            </view>\n          </scroll-view>\n        </view>\n      </block>\n\n      <!-- 如何购买商品 -->\n      <view class=\"u-p-20 u-m-20 gg-border u-font-xs\">\n        <view class=\"u-m-b-20\">如何在[小鹿超市]购买商品</view>\n        <view class=\"u-flex\">\n          <view class=\"gg-number u-m-r-10\">1</view>\n          挑商品\n          <u-icon name=\"arrow-right-double u-m-l-10 u-tips-color\"></u-icon>\n          <u-icon class=\"u-content-color\" name=\"arrow-right-double\"></u-icon>\n          <view class=\"gg-number gg-number-gray u-m-r-10 u-m-l-10\">2</view>\n          选提货点\n          <u-icon name=\"arrow-right-double u-m-l-10 u-tips-color\"></u-icon>\n          <u-icon class=\"u-content-color\" name=\"arrow-right-double\"></u-icon>\n          <view class=\"gg-number gg-number-gray u-m-r-10 u-m-l-10\">3</view>\n          次日16点提货点取货\n        </view>\n      </view>\n\n      <!-- 热销好货 -->\n      <view class=\"u-font-xl u-type-error u-m-20\">热销好货</view>\n      <view v-for=\"(item, index) in hotSkuList\" :key=\"item.id\" class=\"u-p-20 u-m-20 gg-border\"\n            @click=\"gotoProductItem(item.id)\">\n        <view class=\"u-m-b-10 u-m-l-20 u-m-r-20 u-flex gg-product-item\">\n          <ListImgItem\n              :showBottom=\"item.skuType === 0 && item.isNewPerson === 1\"\n              :showLeft=\"item.skuType === 1\"\n              :showRight=\"false\"\n              :src=\"item.imgUrl\"\n              height=\"250rpx\"\n              width=\"250rpx\"\n          ></ListImgItem>\n          <view class=\"gg-product-item-msg u-border-bottom u-p-b-20 u-m-l-20\">\n            <view class=\"gg-product-item-msg-title\">\n              <view class=\"u-font-lg\">{{ item.title }}</view>\n              <view class=\"u-type-info u-font-sm\">已售{{ item.sale }}/剩余{{ item.stock }}</view>\n              <block v-if=\"item.ruleList\">\n                <view v-for=\"(rule, ruleIndex) in item.ruleList\" :key=\"ruleIndex\" class=\"u-font-xs u-type-error-dark\">\n                  {{ rule }}\n                </view>\n              </block>\n            </view>\n            <view class=\"u-flex u-row-between\">\n              <view class=\"u-type-error gg-product-item-msg-price\">\n                <text>￥</text>\n                <text class=\"gg-product-item-msg-price-value\">{{ item.price }}</text>\n              </view>\n              <AddToCart :shopDetail=\"item\"></AddToCart>\n            </view>\n          </view>\n        </view>\n      </view>\n\n      <u-gap height=\"20\"></u-gap>\n    </view>\n    <!-- 主内容区域-End -->\n\n    <!-- 平台资质、法律条款、规则及投诉入口弹出框 -->\n    <u-popup v-model=\"showRulePopup\" :closeable=\"true\" border-radius=\"20\" mode=\"bottom\">\n      <view class=\"u-p-t-20 u-p-b-20\">\n        <view class=\"u-m-20\">\n          <view class=\"u-font-xl u-m-b-10\">\n            <u-icon class=\"u-m-r-10\" color=\"#dd6161\" name=\"checkmark-circle\" size=\"28\"></u-icon>\n            品质保障\n          </view>\n          <view class=\"u-light-color u-font-xs\">\n            全场商品均经过品质检验，若收货时发现商品有变质、腐烂、损坏等情况，可申请退款\n          </view>\n        </view>\n\n        <view class=\"u-m-20\">\n          <view class=\"u-font-xl u-m-b-10\">\n            <u-icon class=\"u-m-r-10\" color=\"#dd6161\" name=\"kefu-ermai\" size=\"28\"></u-icon>\n            极速退款\n          </view>\n          <view class=\"u-light-color u-font-xs\">根据平台的规则，在一定条件下，可享受极速退款到账服务</view>\n        </view>\n\n        <view class=\"u-m-20\">\n          <view class=\"u-font-xl u-m-b-10\">\n            <u-icon class=\"u-m-r-10\" color=\"#dd6161\" name=\"bag\" size=\"28\"></u-icon>\n            次日自提\n          </view>\n          <view class=\"u-light-color u-font-xs\">每日23点前下单，次日16点可到下单门店自提</view>\n        </view>\n\n        <view class=\"u-m-20\">\n          <view class=\"u-font-xl u-m-b-10\">\n            <u-icon class=\"u-m-r-10\" color=\"#dd6161\" name=\"integral\" size=\"28\"></u-icon>\n            资质规则\n          </view>\n          <view class=\"u-light-color u-font-xs\">平台资质、法律条款、规则及投诉入口，点击查看详情</view>\n        </view>\n      </view>\n    </u-popup>\n  </view>\n\n  <view v-else class=\"emptyPage\">\n    <u-empty mode=\"page\"></u-empty>\n  </view>\n</template>\n\n<script>\nimport {mapState, mapGetters, mapActions} from 'vuex';\n\nlet watchTimes = 0;\nexport default {\n  data() {\n    return {\n      list: ['寒雨连江夜入吴', '平明送客楚山孤', '洛阳亲友如相问', '一片冰心在玉壶'],\n      // 滚动提示搜索区右侧按钮自定义样式\n      ggNoticeSearchBarRightBtnCustomStyle: {\n        borderRadius: '30rpx'\n      },\n      showRulePopup: false,\n      windowWidth: 0, // 设备宽度\n      categorySVPercent: 0, // 精选进度百分比\n      token: null\n    };\n  },\n  onLoad() {\n    uni.getSystemInfo({\n      success: res => {\n        this.windowWidth = res.windowWidth;\n      }\n    });\n  },\n  computed: {\n    ...mapState('indexModule', ['home']),\n    ...mapGetters('indexModule', ['categoryList', 'hotSkuList', 'newPersonSkuInfoList', 'seckillTime', 'seckillSkuVoList', 'leaderAddressVo'])\n  },\n  methods: {\n    ...mapActions('indexModule', ['getHomeIndexAction']),\n    scrollMove(e) {\n      // 计算滚动的进度百分比\n      let scrollLeft = e.detail.scrollLeft;\n      let scrollWidth = e.detail.scrollWidth - this.windowWidth;\n      let percent = parseInt((scrollLeft / scrollWidth) * 100);\n\n      // 利用防抖进行性能的优化\n      this.$u.debounce(() => {\n        this.categorySVPercent = percent;\n      }, 100);\n    },\n    // 跳转至设置提货点\n    pickUpLocation() {\n      this.$u.route('/pagesLocation/myPickUpLocation/myPickUpLocation');\n    },\n    // 跳转至商品详情页\n    gotoProductItem(skuId) {\n      this.$u.route('/pages/homeItem/homeItem', {skuId});\n    },\n    // 跳转至秒杀页\n    gotoSeckill() {\n      this.$u.route('/pagesSeckill/seckill/seckill');\n    }\n  },\n  watch: {\n    /* ------------------------------------------------------------\n    watch监控第一部分，函数式监控\n    1.只能监控单层数据，不能立即监控，只有数据变化的时候才可以\n    2.深度监控无法实现\n    3.函数不可以使用箭头函数，否则this对象无法找到\n    ------------------------------------------------------------ */\n    // leaderAddressVo: function() {\n    // \tconsole.log('normal watch', this.leaderAddressVo);\n    // }\n    /* ------------------------------------------------------------\n    watch监控第二部分，对象式监控\n    1.immediate立即监控的触发次数，无论如何先会触发一次，监控数据变化\n    2.深度监控的作用，直接监控对象属性值的变化\n    3.监控次数的判断\n      1)因为立即监控，所以页面初始会触发一次\n      2)可以设置全局变量进行判断条件依据\n      3)利用监控次数确认路由的跳转\n    ------------------------------------------------------------ */\n    // 'leaderAddressVo.userId': {\n    // \thandler(newVal) {\n    // \t\twatchTimes++;\n    // \t\tif (watchTimes > 1) {\n    // \t\t\twatchTimes = 0;\n    // \t\t\tif (!newVal) {\n    // \t\t\t\tconsole.log('immediate deep watch');\n    // \t\t\t}\n    // \t\t}\n    // \t},\n    // \timmediate: true,\n    // \tdeep: true\n    // }\n    /* ------------------------------------------------------------\n    watch监控第三部分，对象式监控\n    1.immediate的去除\n    2.等mounted请求结束，数据设置完毕以后再进行数据变化的监控\n    3.不需要进行监控次数的判断\n    ------------------------------------------------------------ */\n    'leaderAddressVo.userId': {\n      handler(newVal) {\n        if (!newVal) {\n          uni.redirectTo({\n            url: '/pagesLocation/myPickUpLocation/myPickUpLocation'\n          });\n        }\n      },\n      deep: true\n    }\n  },\n  onShow() {\n    /*\n     onShow比mounted先执行\n     mounted中有获取数据的异步请求，本身是异步，还需要再进行数据设置获取\n     onShow已经执行完毕，是否能确认leaderAddressVo对象的内容变化？不能\n     是否能在onShow中利用leaderAddressVo进行条件判断？不能\n    */\n    console.log('leaderAddressVo:', this.leaderAddressVo);\n  },\n  async mounted() {\n    console.log('mounted');\n    const token = await uni.getStorageSync('token');\n    if (this.$u.test.isEmpty(token)) {\n      uni.reLaunch({\n        url: '/pages/login/login'\n      });\n      return;\n    }\n\n    this.token = token;\n    await this.getHomeIndexAction();\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n/*\n利用scss中&-的方式实现层级样式的拼接\n*/\n.gg {\n  /* navbar 导航中进行地图位置的获取设置 */\n  &-map-slot-wrap {\n    display: flex;\n    align-items: center;\n    background-color: rgba(240, 240, 240, 0.35);\n    color: #fff;\n    border-radius: 100rpx;\n  }\n\n  /* 内容区域 */\n  &-content {\n    background-color: $u-bg-color;\n  }\n\n  /*\n    notice-bar头部滚动信息搜索区域\n    利用background-image的linear-gradient保持与导航一致的线形渐变色彩\n  */\n  &-header {\n    background-image: linear-gradient(to right, rgb(255, 180, 61), rgb(255, 101, 0));\n    height: 500rpx;\n  }\n\n  /* 滚动信息搜索框 */\n  &-notice-search-bar {\n    display: flex;\n    align-items: center;\n    background-color: white;\n    border-radius: 30rpx;\n\n    /* 滚动信息搜索框左侧图标 */\n    &-left-icon {\n      position: relative;\n      left: 20rpx;\n      color: $u-light-color;\n    }\n\n    /* 滚动信息搜索框中的字体设置 */\n    &-u-notice-bar {\n      flex: 1;\n      /* 深层穿透修改子组件字体颜色样式 */\n      ::v-deep .u-news-item {\n        color: $u-light-color !important;\n      }\n    }\n  }\n\n  /* 头部区域底部左右圆角区域 */\n  &-header-bottom {\n    background-image: linear-gradient(to right, rgb(255, 180, 61), rgb(255, 101, 0));\n    height: 25rpx;\n    border-bottom-left-radius: 25rpx;\n    border-bottom-right-radius: 25rpx;\n  }\n\n  /* 新人专享 */\n  &-new-vip {\n    background-color: white;\n    border-radius: 20rpx;\n\n    &-sv {\n      height: 320rpx;\n\n      &-item {\n        display: flex;\n        flex-direction: column;\n      }\n    }\n  }\n\n  /* 小鹿超市规则 */\n  &-border {\n    border-radius: 20rpx;\n    border-bottom: 1rpx solid #f5f5f5;\n    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1); /*下边阴影 */\n  }\n\n  /* 商品分类 */\n  &-category {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 5rpx;\n\n    &-progress {\n      width: 10vw;\n    }\n  }\n\n  /* 如何购买商品 */\n  &-number {\n    border-radius: 50%;\n    background-color: $u-type-warning;\n    width: 30rpx;\n    height: 30rpx;\n    text-align: center;\n    font-size: 20rpx;\n    color: white;\n\n    &-gray {\n      background-color: gray;\n    }\n  }\n\n  /* 热销好货 */\n  &-product-item {\n    height: 250rpx;\n\n    &-msg {\n      height: 100%;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      &-price {\n        &-value {\n          font-size: 50rpx;\n        }\n      }\n    }\n  }\n}\n\n.emptyPage {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n}\n</style>\n","import mod from \"-!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=57280228&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=57280228&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1706061732653\n      var cssReload = require(\"/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}