| 1 |
- {"version":3,"sources":["webpack:///./src/views/user/promotion/PromoterRank.vue?54b7","webpack:///src/views/user/promotion/PromoterRank.vue","webpack:///./src/views/user/promotion/PromoterRank.vue?40ad","webpack:///./src/views/user/promotion/PromoterRank.vue","webpack:///./src/views/user/promotion/PromoterRank.vue?356f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","class","active","on","$event","_v","_s","directives","name","rawName","value","Two","expression","attrs","avatar","nickname","count","One","_e","Three","rankList","staticRenderFns","NAME","props","data","navList","page","limit","loading","loadend","type","watch","$route","n","loaded","$set","getRankList","mounted","$scroll","$refs","container","methods","component"],"mappings":"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","file":"h5/js/chunk-08e2dc79.5618f9cb.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@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/index.js??vue-loader-options!./PromoterRank.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@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@15.9.0@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@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@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@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/index.js??vue-loader-options!./PromoterRank.vue?vue&type=style&index=0&id=ba858c14&scoped=true&lang=css&\""],"sourceRoot":""}
|
