{"version":3,"sources":["webpack:///./src/views/user/Index.vue?77f9","webpack:///./src/assets/imgs/userHead.png","webpack:///./src/components/user/common/menu-wrapper.vue","webpack:///./src/common/config/user/left-menus.config.js","webpack:///src/components/user/common/menu-wrapper.vue","webpack:///./src/components/user/common/menu-wrapper.vue?7605","webpack:///./src/components/user/common/menu-wrapper.vue?f07f","webpack:///./src/components/user/common/menu-wrapper.vue?71c6","webpack:///./src/views/user/Index.vue","webpack:///src/views/user/Index.vue","webpack:///./src/views/user/Index.vue?c751","webpack:///./src/views/user/Index.vue?f238","webpack:///./src/common/config/user/center.config.js"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","$route","path","on","handleOpen","handleClose","_l","menus","item","index","key","slot","_v","_s","title","list","menu","menuIndex","linkUrl","name","_t","staticRenderFns","props","activeIndex","type","String","default","data","watch","methods","keyPath","console","log","component","accountInfo","directives","rawName","value","loading","expression","require","errorHandler","loginUser","avatarUrl","UserName","currentTime","$moneyname","$util","numberFormat","Balance","PhoneNumber","buttons","class","iconUrl","tip","_e","components","menuWrapper","_objectSpread","centerConfig","counts","computed","currentHour","Date","getHours","timeQuantums","Math","floor","activated","getAccountInfo","_this","$axios","get","then","res","catch","err","Promise","reject","levels","colors","securityTips"],"mappings":"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","file":"js/chunk-12b66e04.334e7a3e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=f65eb154&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/userHead.37c3ea6b.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"menu-wrapper\"},[_c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"menu-wrap\"},[_c('el-menu',{staticClass:\"el-menu-vertical-demo\",attrs:{\"default-active\":this.$route.path,\"unique-opened\":true,\"collapse-transition\":false,\"router\":\"\"},on:{\"open\":_vm.handleOpen,\"close\":_vm.handleClose}},_vm._l((_vm.menus),function(item,index){return _c('el-submenu',{key:index,attrs:{\"index\":index + ''}},[_c('template',{slot:\"title\"},[_c('span',[_vm._v(_vm._s(item.title))])]),_c('el-menu-item-group',_vm._l((item.list),function(menu,menuIndex){return _c('el-menu-item',{key:menuIndex,attrs:{\"index\":menu.linkUrl}},[_vm._v(_vm._s(menu.name))])}),1)],2)}),1)],1),_c('div',{staticClass:\"main-wrap\"},[_vm._t(\"default\")],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default [{\r\n    title: '订单管理',\r\n    list: [{\r\n        name: '商品订单',\r\n        linkUrl: '/order/index'\r\n    },\r\n    {\r\n        name: '券码订单',\r\n        linkUrl: '/user/exchangeinfo'\r\n    },\r\n    ]\r\n},\r\n{\r\n    title: '个人中心',\r\n    list: [{\r\n        name: '账号信息',\r\n        linkUrl: '/user/Index'\r\n    },\r\n    {\r\n        name: '收货地址',\r\n        linkUrl: '/user/address'\r\n    }\r\n    ]\r\n},\r\n{\r\n    title: '账户管理',\r\n    list: [{\r\n        name: '个人信息',\r\n        linkUrl: '/user/info'\r\n    },\r\n    {\r\n        name: '账号安全',\r\n        linkUrl: '/user/account'\r\n    },\r\n    {\r\n        name: '流水记录',\r\n        linkUrl: '/user/balancehistory'\r\n    },\r\n    ]\r\n},\r\n{\r\n    title: '积分管理',\r\n    list:[{\r\n        name: '积分交易',\r\n        linkUrl: '/user/exchange'\r\n    },\r\n    {\r\n        name: '积分充值',\r\n        linkUrl: '/user/recharge'\r\n    }]\r\n},\r\n{\r\n    title: '建议反馈',\r\n    list:[\r\n    {\r\n        name: '建议反馈',\r\n        linkUrl: '/user/message'\r\n    }]\r\n}\r\n]","<template>\r\n  <div class=\"menu-wrapper\">\r\n    <div class=\"wrap\">\r\n      <!-- 左侧菜单 -->\r\n      <div class=\"menu-wrap\">\r\n        <el-menu\r\n          :default-active=\"this.$route.path\"\r\n          class=\"el-menu-vertical-demo\"\r\n          :unique-opened=\"true\"\r\n          :collapse-transition=\"false\"\r\n          @open=\"handleOpen\"\r\n          @close=\"handleClose\"\r\n          router\r\n        >\r\n          <el-submenu\r\n            v-for=\"(item, index) in menus\"\r\n            :key=\"index\"\r\n            :index=\"index + ''\"\r\n          >\r\n            <template slot=\"title\" >\r\n              <span>{{ item.title }}</span>\r\n            </template>\r\n            <el-menu-item-group>\r\n              <el-menu-item\r\n                v-for=\"(menu, menuIndex) in item.list\"\r\n                :key=\"menuIndex\"\r\n                :index=\"menu.linkUrl\"\r\n                >{{ menu.name }}</el-menu-item\r\n              >\r\n            </el-menu-item-group>\r\n          </el-submenu>\r\n        </el-menu>\r\n        <!-- <div class=\"menu-group\" v-for=\"(item, index) in menus\" :key=\"index\">\r\n\t\t\t\t\t<div class=\"title\">{{item.title}}</div>\r\n\t\t\t\t\t<div class=\"menu-list\">\r\n\t\t\t\t\t\t<block v-for=\"(menu, menuIndex) in item.list\" :key=\"menuIndex\">\r\n\t\t\t\t\t\t\t<navigator :class=\"['menu', {'active': isActive(index, menuIndex)}]\" :url=\"menu.linkUrl\">{{menu.name}}</navigator>\r\n\t\t\t\t\t\t</block>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div> -->\r\n      </div>\r\n      <!-- 右侧内容 -->\r\n      <div class=\"main-wrap\">\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport menus from \"@/common/config/user/left-menus.config.js\";\r\n\r\nexport default {\r\n  props: {\r\n    activeIndex: {\r\n      type: String,\r\n      default:''\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      menus,\r\n      path: '',\r\n    };\r\n  },\r\n  watch:{\r\n    // $route:{\r\n    //   handler (val, oldVal) {\r\n    //     // this.oldUser = oldVal || val\r\n    //     // console.log(val,oldVal,111)\r\n    //   },\r\n    //   deep: true,\r\n    //   immediate: true\r\n    // }\r\n  },\r\n  methods: {\r\n    // isActive(index, menuIndex) {\r\n    // \treturn index == this.indexArray[0] && menuIndex == this.indexArray[1];\r\n    // }\r\n    handleOpen(key, keyPath) {\r\n      console.log(key, keyPath,11);\r\n    },\r\n    handleClose(key, keyPath) {\r\n      console.log(key, keyPath,2);\r\n      //  this.defaultOpenedsArray=[]\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.menu-wrapper {\r\n  //   padding-bottom: 40px;\r\n  //   background-color: $bg-color-grey;\r\n\r\n  .wrap {\r\n    width: $page-width;\r\n    margin: 0 auto;\r\n    display: flex;\r\n\t\tmin-height: $main-min-height;\r\n\r\n    .menu-wrap {\r\n      width: 150px;\r\n      padding: 36px 0;\r\n      background-color: $bg-color;\r\n      border-right: solid 1px #e6e6e6;\r\n      font-weight: bold;\r\n      .menu-group {\r\n        margin: 0 48px 12px;\r\n\r\n        .title {\r\n          font-size: 16px;\r\n          font-weight: 400;\r\n          line-height: 52px;\r\n          color: #333;\r\n        }\r\n\r\n        .menu-list {\r\n          .menu {\r\n            padding: 6px 0;\r\n            color: #757575;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n              color: $text-color;\r\n            }\r\n\r\n            &.active {\r\n              color: $color-primary;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .el-menu-vertical-demo{\r\n        border-right:none\r\n      }\r\n       .el-submenu {\r\n         .el-menu-item{\r\n            font-weight:normal;\r\n         }\r\n      }\r\n    }\r\n\r\n    /*横屏样式*/\r\n    @media screen and (orientation: landscape) and (min-width: 1200px) {\r\n      .menu-wrap {\r\n        width: 234px !important;\r\n    }    \r\n  }\r\n\r\n    .main-wrap {\r\n      flex: 1;\r\n      margin-left: 14px;\r\n      background-color: $bg-color;\r\n      padding: 36px 48px;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n.el-menu-item.is-active{\r\n  color:var(--ThemeColor);\r\n  min-width: auto !important;\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./menu-wrapper.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./menu-wrapper.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./menu-wrapper.vue?vue&type=template&id=bae81bac\"\nimport script from \"./menu-wrapper.vue?vue&type=script&lang=js\"\nexport * from \"./menu-wrapper.vue?vue&type=script&lang=js\"\nimport style0 from \"./menu-wrapper.vue?vue&type=style&index=0&id=bae81bac&prod&lang=scss\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./menu-wrapper.vue?vue&type=style&index=0&id=bae81bac&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.accountInfo)?_c('div',[_c('menu-wrapper',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],attrs:{\"active-index\":\"\"}},[_c('div',{staticClass:\"card-header\"},[_c('div',{staticClass:\"left\"},[_c('el-avatar',{attrs:{\"size\":150,\"src\":require('@/assets/imgs/userHead.png')},on:{\"error\":_vm.errorHandler}},[_c('img',{attrs:{\"src\":_vm.loginUser.avatarUrl}})]),_c('div',{staticClass:\"user-info\"},[_c('div',{staticClass:\"user-name elip\"},[_vm._v(_vm._s(_vm.accountInfo.UserName))]),_c('div',{staticClass:\"tip\"},[_vm._v(_vm._s(_vm.currentTime)+\"好~\")]),_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/user/info\"}},[_vm._v(\"修改个人信息>\")])],1)],1),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"name\"},[_vm._v(\"账户\"+_vm._s(_vm.$moneyname)+\"：\")]),_c('div',{staticClass:\"value balance\"},[_c('router-link',{staticClass:\"link balance\",attrs:{\"to\":\"/user/balancehistory\",\"title\":\"查看流水记录\"}},[_c('span',[_vm._v(_vm._s(_vm.$util.numberFormat(_vm.accountInfo.Balance)))])])],1)]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"name\"},[_vm._v(\"绑定手机：\")]),_c('div',{staticClass:\"value\"},[_vm._v(_vm._s(_vm.accountInfo.PhoneNumber))])])])]),_c('div',{staticClass:\"card-body\"},_vm._l((_vm.buttons),function(item,index){return _c('div',{key:index,staticClass:\"button\"},[_c('div',{staticClass:\"btn-icon\"},[_c('i',{class:item.iconUrl})]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.title)+\"：\")]),_c('div',{staticClass:\"value\"},[_vm._v(_vm._s(_vm.accountInfo[item.key]))])]),_c('router-link',{staticClass:\"link\",attrs:{\"to\":item.linkUrl}},[_c('div',{staticClass:\"tip\"},[_vm._v(_vm._s(item.tip))]),_c('i',{staticClass:\"icon i-right\"})])],1)])}),0)])],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"accountInfo\">\r\n    <!-- 面包屑 -->\r\n    <!-- <bread-crumb pages=\"个人中心\" separator=\"/\"></bread-crumb> -->\r\n\r\n    <!-- 左侧导航栏 -->\r\n    <menu-wrapper active-index=\"\" v-loading=\"loading\">\r\n      <div class=\"card-header\">\r\n        <div class=\"left\">\r\n          <!-- <img class=\"avatar\" :src='loginUser.avatarUrl || \"./assets/imgs/userHead.jpg\" '/> -->\r\n          <el-avatar\r\n            :size=\"150\"\r\n            :src=\"require('@/assets/imgs/userHead.png')\"\r\n            @error=\"errorHandler\"\r\n          >\r\n            <img :src=\"loginUser.avatarUrl\" />\r\n          </el-avatar>\r\n          <div class=\"user-info\">\r\n            <div class=\"user-name elip\">{{ accountInfo.UserName }}</div>\r\n            <div class=\"tip\">{{ currentTime }}好~</div>\r\n            <router-link class=\"link\" to=\"/user/info\"\r\n              >修改个人信息></router-link\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class=\"right\">\r\n          <div class=\"item\">\r\n            <div class=\"name\">账户{{$moneyname}}：</div>\r\n            <div class=\"value balance\">\r\n              <router-link class=\"link balance\" to=\"/user/balancehistory\" title=\"查看流水记录\"><span>{{ $util.numberFormat(accountInfo.Balance)  }}</span></router-link>\r\n            </div>\r\n          </div>\r\n          <div class=\"item\">\r\n            <div class=\"name\">绑定手机：</div>\r\n            <div class=\"value\">{{ accountInfo.PhoneNumber }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <div class=\"button\" v-for=\"(item, index) in buttons\" :key=\"index\">\r\n          <div class=\"btn-icon\">\r\n            <i :class=\"item.iconUrl\"> </i>\r\n          </div>\r\n          <div class=\"right\">\r\n            <div class=\"top\">\r\n              <div class=\"name\">{{ item.title }}：</div>\r\n              <div class=\"value\">{{ accountInfo[item.key] }}</div>\r\n            </div>\r\n            <router-link class=\"link\" :to=\"item.linkUrl\">\r\n              <div class=\"tip\">{{ item.tip }}</div>\r\n              <i class=\"icon i-right\"></i>\r\n            </router-link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </menu-wrapper>\r\n\r\n    <!-- 页脚 -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport menuWrapper from \"@/components/user/common/menu-wrapper.vue\";\r\nimport centerConfig from \"@/common/config/user/center.config.js\";\r\n\r\nexport default {\r\n  components: {\r\n    menuWrapper,\r\n  },\r\n  data() {\r\n    return {\r\n      ...centerConfig,\r\n      accountInfo: {},\r\n      counts: [1, 2, 3, 4],\r\n      loginUser: {\r\n        avatarUrl: \"\",\r\n        name: \"ss\",\r\n      },\r\n      loading: true,\r\n    };\r\n  },\r\n  computed: {\r\n    currentTime() {\r\n      const currentHour = new Date().getHours();\r\n      const timeQuantums = [\"凌晨\", \"上午\", \"下午\", \"晚上\"];\r\n      return timeQuantums[Math.floor(currentHour / 6)];\r\n    },\r\n  },\r\n  activated() {\r\n    this.getAccountInfo();\r\n  },\r\n  methods: {\r\n    getAccountInfo() {\r\n      this.loading = true;\r\n      this.$axios\r\n        .get(\"/api/User/GetPersonalCenter\", \"\")\r\n        .then((res) => {\r\n          this.accountInfo = res.data;\r\n          this.loading = false;\r\n        })\r\n        .catch((err) => {\r\n          return Promise.reject(err);\r\n        });\r\n    },\r\n    errorHandler() {\r\n      return true;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-header {\r\n  padding-top: 24px;\r\n  @extend %flex-align-center;\r\n\r\n  .left {\r\n    @extend %flex-align-center;\r\n    .avatar {\r\n      width: 150px;\r\n      height: 150px;\r\n      padding: 4px;\r\n      border: 1px solid $border-color;\r\n      border-radius: 50%;\r\n      object-fit: fill;\r\n    }\r\n\r\n    .user-info {\r\n      width: 302px;\r\n      margin-left: 20px;\r\n\r\n      .user-name {\r\n        max-width: 220px;\r\n        font-size: 24px;\r\n        font-weight: 400;\r\n        color: #616161;\r\n      }\r\n\r\n      .tip {\r\n        margin-top: 5px;\r\n        color: #b0b0b0;\r\n      }\r\n\r\n      .link {\r\n        display: inline-block;\r\n        font-size: 12px;\r\n        margin-top: 10px;\r\n        color: $color-primary;\r\n      }\r\n    }\r\n  }\r\n\r\n  .right {\r\n    .item {\r\n      @extend %flex-align-center;\r\n      padding: 6px 0;\r\n      color: #757575;\r\n      .balance {\r\n        color: #ff6700;\r\n        font-size: 24px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.card-body {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin-top: 40px;\r\n  padding-top: 50px;\r\n  border-top: 1px solid $border-color;\r\n\r\n  .button {\r\n    margin-bottom: 60px;\r\n    @extend %flex-align-center;\r\n\r\n    .btn-icon {\r\n      // width: 100px;\r\n      // height: 100px;\r\n      // border-radius: 50%;\r\n      font-size: 50px;\r\n    }\r\n\r\n    .right {\r\n      width: 276px;\r\n      margin-left: 20px;\r\n\r\n      .top {\r\n        @extend %flex-align-center;\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n\r\n        .name {\r\n          color: #757575;\r\n        }\r\n\r\n        .value {\r\n          color: $color-primary;\r\n        }\r\n      }\r\n\r\n      .link {\r\n        line-height: 1.8;\r\n        @extend %flex-align-center;\r\n        color: #757575;\r\n        cursor: pointer;\r\n        \r\n        .balance{\r\n          color: #ff6700;\r\n        }\r\n\r\n        &:hover {\r\n          color: $color-primary;\r\n        }\r\n\r\n        .icon {\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=f65eb154&scoped=true\"\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=f65eb154&prod&lang=scss&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  \"f65eb154\",\n  null\n  \n)\n\nexport default component.exports","export default {\r\n\tlevels: ['低', '中', '高'],\r\n\tcolors: ['#e53935', '#ffac13', '#33CC00'],\r\n\tsecurityTips: ['请设置密码', '请绑定邮箱以进一步降低风险', '太棒了，风险已降至最低'],\r\n\tbuttons: [{\r\n\t\t\ticonUrl: 'el-icon-s-order',\r\n\t\t\ttitle: '待兑换的订单',\r\n\t\t\ttip: '查看待兑换订单',\r\n\t\t\tlinkUrl: '/order/index?status=1',\r\n\t\t\tkey:'WaitPayment'\r\n\t\t},\r\n\t\t{\r\n\t\t\ticonUrl: 'el-icon-edit-outline',\r\n\t\t\ttitle: '待收货的订单',\r\n\t\t\ttip: '查看待收货订单',\r\n\t\t\tlinkUrl: '/order/index?status=2',\r\n\t\t\tkey:'WaitReceiving'\r\n\t\t},\r\n\t\t// {\r\n\t\t// \ticonUrl: 'el-icon-edit',\r\n\t\t// \ttitle: '待评价商品数',\r\n\t\t// \ttip: '查看待评价商品',\r\n\t\t// \tlinkUrl: '/pages/order/comment/index',\r\n\t\t// \tkey:'WaitEvaluate'\r\n\t\t// },\r\n\t\t// {\r\n\t\t// \ticonUrl: 'el-icon-star-on',\r\n\t\t// \ttitle: '喜欢的商品数',\r\n\t\t// \ttip: '查看喜欢的商品',\r\n\t\t// \tlinkUrl: '/pages/user/favorite/index',\r\n\t\t// \tkey:'CollectionNumber'\r\n\t\t// }\r\n\t]\r\n}\r\n"],"sourceRoot":""}