| 1 |
- {"version":3,"sources":["webpack:///./src/views/user/promotion/PromoterRank.vue?15f3","webpack:///src/views/user/promotion/PromoterRank.vue","webpack:///./src/views/user/promotion/PromoterRank.vue?8d5d","webpack:///./src/views/user/promotion/PromoterRank.vue","webpack:///./src/views/user/promotion/PromoterRank.vue?ff8e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","class","active","on","click","$event","_v","_s","directives","name","rawName","value","Two","expression","attrs","src","avatar","nickname","count","One","_e","Three","rankList","staticRenderFns","NAME","PromoterRankvue_type_script_lang_js_","props","data","navList","page","limit","loading","loadend","type","watch","$route","n","loaded","$set","getRankList","mounted","_this","$scroll","$refs","container","methods","_this2","Object","user","then","res","list","push","apply","shift","length","catch","promotion_PromoterRankvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","_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_PromoterRank_vue_vue_type_style_index_0_id_ba858c14_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_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_PromoterRank_vue_vue_type_style_index_0_id_ba858c14_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"h5/js/chunk-22637d46.4bdb066d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"PromoterRank\"},[_c('div',{staticClass:\"redBg bg-color-red\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"nav acea-row row-center-wrapper\"},_vm._l((_vm.navList),function(item,index){return _c('div',{key:index,staticClass:\"item\",class:_vm.active === index ? 'font-color-red' : '',on:{\"click\":function($event){_vm.active = index}}},[_vm._v(\"\\n \"+_vm._s(item)+\"\\n \")])}),0),_c('div',{staticClass:\"rank acea-row row-bottom row-around\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.Two.uid),expression:\"Two.uid\"}],staticClass:\"item\"},[_c('div',{staticClass:\"pictrue\"},[_c('img',{attrs:{\"src\":_vm.Two.avatar}})]),_c('div',{staticClass:\"name line1\"},[_vm._v(_vm._s(_vm.Two.nickname))]),_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.Two.count)+\"人\")])]),(_vm.One.uid)?_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"pictrue\"},[_c('img',{attrs:{\"src\":_vm.One.avatar}})]),_c('div',{staticClass:\"name line1\"},[_vm._v(_vm._s(_vm.One.nickname))]),_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.One.count)+\"人\")])]):_vm._e(),(_vm.Three.uid)?_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"pictrue\"},[_c('img',{attrs:{\"src\":_vm.Three.avatar}})]),_c('div',{staticClass:\"name line1\"},[_vm._v(_vm._s(_vm.Three.nickname))]),_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.Three.count)+\"人\")])]):_vm._e()])])]),(_vm.rankList.length)?_c('div',{staticClass:\"list\"},_vm._l((_vm.rankList),function(item,index){return _c('div',{key:item.nickname,staticClass:\"item acea-row row-between-wrapper\"},[_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(index + 4))]),_c('div',{staticClass:\"picTxt acea-row row-between-wrapper\"},[_c('div',{staticClass:\"pictrue\"},[_c('img',{attrs:{\"src\":item.avatar}})]),_c('div',{staticClass:\"text line1\"},[_vm._v(_vm._s(item.nickname))])]),_c('div',{staticClass:\"people font-color-red\"},[_vm._v(_vm._s(item.count)+\"人\")])])}),0):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"PromoterRank\">\r\n <div class=\"redBg bg-color-red\">\r\n <div class=\"header\">\r\n <div class=\"nav acea-row row-center-wrapper\">\r\n <div\r\n class=\"item\"\r\n :class=\"active === index ? 'font-color-red' : ''\"\r\n v-for=\"(item, index) in navList\"\r\n :key=\"index\"\r\n @click=\"active = index\"\r\n >\r\n {{ item }}\r\n </div>\r\n </div>\r\n <div class=\"rank acea-row row-bottom row-around\">\r\n <div class=\"item\" v-show=\"Two.uid\">\r\n <div class=\"pictrue\"><img :src=\"Two.avatar\" /></div>\r\n <div class=\"name line1\">{{ Two.nickname }}</div>\r\n <div class=\"num\">{{ Two.count }}人</div>\r\n </div>\r\n <div class=\"item\" v-if=\"One.uid\">\r\n <div class=\"pictrue\"><img :src=\"One.avatar\" /></div>\r\n <div class=\"name line1\">{{ One.nickname }}</div>\r\n <div class=\"num\">{{ One.count }}人</div>\r\n </div>\r\n <div class=\"item\" v-if=\"Three.uid\">\r\n <div class=\"pictrue\"><img :src=\"Three.avatar\" /></div>\r\n <div class=\"name line1\">{{ Three.nickname }}</div>\r\n <div class=\"num\">{{ Three.count }}人</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"list\" v-if=\"rankList.length\">\r\n <div\r\n class=\"item acea-row row-between-wrapper\"\r\n v-for=\"(item, index) in rankList\"\r\n :key=\"item.nickname\"\r\n >\r\n <div class=\"num\">{{ index + 4 }}</div>\r\n <div class=\"picTxt acea-row row-between-wrapper\">\r\n <div class=\"pictrue\"><img :src=\"item.avatar\" /></div>\r\n <div class=\"text line1\">{{ item.nickname }}</div>\r\n </div>\r\n <div class=\"people font-color-red\">{{ item.count }}人</div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n<style scoped>\r\n.PromoterRank .redBg {\r\n padding: 0.45rem 0 0.3rem 0;\r\n}\r\n.PromoterRank .header {\r\n background: url(\"../../../assets/images/integralbg.jpg\") no-repeat;\r\n width: 100%;\r\n height: 4.6rem;\r\n background-size: 100% 100%;\r\n}\r\n.PromoterRank .header .nav {\r\n width: 4.5rem;\r\n height: 0.66rem;\r\n border: 1px solid #fff;\r\n border-radius: 0.33rem;\r\n font-size: 0.3rem;\r\n color: #fff;\r\n margin: 0 auto;\r\n}\r\n.PromoterRank .header .nav .item {\r\n width: 2.23rem;\r\n height: 100%;\r\n text-align: center;\r\n line-height: 0.64rem;\r\n}\r\n.PromoterRank .header .nav .item.font-color-red:nth-of-type(1) {\r\n background-color: #fff;\r\n border-radius: 0.33rem 0 0 0.33rem;\r\n}\r\n.PromoterRank .header .nav .item.font-color-red:nth-of-type(2) {\r\n background-color: #fff;\r\n border-radius: 0 0.33rem 0.33rem 0;\r\n}\r\n.PromoterRank .header .rank {\r\n padding: 0 0.2rem;\r\n margin-top: 0.3rem;\r\n}\r\n.PromoterRank .header .rank .item .pictrue {\r\n background: url(\"../../../assets/images/twoT.png\") no-repeat;\r\n background-size: 100% 100%;\r\n width: 1.36rem;\r\n height: 1.77rem;\r\n position: relative;\r\n margin: 0 auto;\r\n}\r\n.PromoterRank .header .rank .item .pictrue img {\r\n position: absolute;\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n display: block;\r\n bottom: 0.02rem;\r\n border-radius: 50%;\r\n left: 50%;\r\n margin-left: -0.65rem;\r\n}\r\n.PromoterRank .header .rank .item:nth-of-type(2) .pictrue {\r\n background-image: url(\"../../../assets/images/oneT.png\");\r\n width: 1.56rem;\r\n height: 2.05rem;\r\n}\r\n.PromoterRank .header .rank .item:nth-of-type(2) .pictrue img {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n margin-left: -0.75rem;\r\n}\r\n.PromoterRank .header .rank .item:nth-of-type(3) .pictrue {\r\n background-image: url(\"../../../assets/images/threeT.png\");\r\n}\r\n.PromoterRank .header .rank .item:nth-of-type(3) .pictrue img {\r\n margin-left: -0.64rem;\r\n}\r\n.PromoterRank .header .rank .item .name {\r\n font-size: 0.3rem;\r\n color: #fff;\r\n margin-top: 0.22rem;\r\n text-align: center;\r\n width: 1.7rem;\r\n}\r\n.PromoterRank .header .rank .item .num {\r\n font-size: 0.3rem;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n.PromoterRank .list {\r\n width: 7.1rem;\r\n background-color: #fff;\r\n border-radius: 0.2rem;\r\n margin: -0.6rem auto 0 auto;\r\n padding: 0 0.3rem;\r\n}\r\n.PromoterRank .list .item {\r\n border-bottom: 1px solid #f3f3f3;\r\n height: 1.01rem;\r\n font-size: 0.28rem;\r\n}\r\n.PromoterRank .list .item .num {\r\n color: #666;\r\n width: 0.7rem;\r\n}\r\n.PromoterRank .list .item .picTxt {\r\n width: 3.5rem;\r\n}\r\n.PromoterRank .list .item .picTxt .pictrue {\r\n width: 0.68rem;\r\n height: 0.68rem;\r\n}\r\n.PromoterRank .list .item .picTxt .pictrue img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n border-radius: 50%;\r\n}\r\n.PromoterRank .list .item .picTxt .text {\r\n width: 2.62rem;\r\n color: #333;\r\n}\r\n.PromoterRank .list .item .people {\r\n width: 1.75rem;\r\n text-align: right;\r\n}\r\n</style>\r\n<script>\r\nimport { getRankList } from \"@api/user\";\r\nconst NAME = \"PromoterRank\";\r\nexport default {\r\n name: NAME,\r\n props: {},\r\n data: function() {\r\n return {\r\n navList: [\"周榜\", \"月榜\"],\r\n active: 0,\r\n page: 1,\r\n limit: 10,\r\n loading: false,\r\n loadend: false,\r\n rankList: [],\r\n One: {},\r\n Two: {},\r\n Three: {},\r\n type: \"week\"\r\n };\r\n },\r\n watch: {\r\n $route(n) {\r\n if (n.name === NAME) {\r\n this.loaded = false;\r\n this.page = 1;\r\n this.$set(this, \"rankList\", []);\r\n this.getRankList();\r\n }\r\n },\r\n active: function(n) {\r\n this.type = n ? \"month\" : \"week\";\r\n this.page = 1;\r\n this.loaded = false;\r\n this.$set(this, \"rankList\", []);\r\n this.getRankList();\r\n }\r\n },\r\n mounted: function() {\r\n this.getRankList();\r\n this.$scroll(this.$refs.container, () => {\r\n !this.loading && this.getRankList();\r\n });\r\n },\r\n methods: {\r\n getRankList: function() {\r\n getRankList({\r\n page: this.page,\r\n limit: this.limit,\r\n type: this.type\r\n })\r\n .then(res => {\r\n let list = res.data;\r\n this.rankList.push.apply(this.rankList, list);\r\n if (this.page == 1) {\r\n this.One = this.rankList.shift() || {};\r\n this.Two = this.rankList.shift() || {};\r\n this.Three = this.rankList.shift() || {};\r\n }\r\n this.page++;\r\n this.loading = false;\r\n this.loaded = list.length < this.limit;\r\n this.$set(this, \"rankList\", this.rankList);\r\n })\r\n .catch(() => {\r\n this.loading = false;\r\n });\r\n }\r\n }\r\n};\r\n</script>\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!./PromoterRank.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!./PromoterRank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PromoterRank.vue?vue&type=template&id=ba858c14&scoped=true&\"\nimport script from \"./PromoterRank.vue?vue&type=script&lang=js&\"\nexport * from \"./PromoterRank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PromoterRank.vue?vue&type=style&index=0&id=ba858c14&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 \"ba858c14\",\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PromoterRank.vue?vue&type=style&index=0&id=ba858c14&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PromoterRank.vue?vue&type=style&index=0&id=ba858c14&scoped=true&lang=css&\""],"sourceRoot":""}
|
