{"version":3,"sources":["webpack:///./src/views/yjl-integral-2022-07/myFriends.vue","webpack:///src/views/yjl-integral-2022-07/myFriends.vue","webpack:///./src/views/yjl-integral-2022-07/myFriends.vue?9225","webpack:///./src/views/yjl-integral-2022-07/myFriends.vue?b358","webpack:///./src/views/yjl-integral-2022-07/myFriends.vue?4fe1"],"names":["render","_vm","this","_c","_self","staticClass","attrs","style","margin","width","url","_l","friendList","item","index","key","headImg","_v","_s","nickName","length","_e","staticRenderFns","components","props","data","myRank","myIndex","watch","computed","methods","getRankingList","mounted","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,OAAS,CAC1HC,MAAO,CACLC,OAAQ,cACRC,MAAO,SAETC,IAAK,eACFP,EAAG,UAAU,CAACG,MAAM,CAAC,OAAS,CACjCC,MAAO,CACLC,OAAQ,gBAEVE,IAAK,iBACFP,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIU,GAAIV,EAAIW,YAAY,SAASC,EAAKC,GAAO,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAMT,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMO,EAAKG,QAAQ,IAAM,QAAQb,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGL,EAAKM,UAAU,wBAAkD,IAA1BlB,EAAIW,WAAWQ,OAAcjB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACJ,EAAIgB,GAAG,aAAahB,EAAIoB,MAAM,KAAKlB,EAAG,gBAAgB,IAEhdmB,EAAkB,G,wBCyBP,G,oBAAA,CACfC,cAEAC,SACAC,KAJA,WAKA,OACAb,cACAc,UACAC,YAGAC,SACAC,YACAC,SACAC,eADA,WACA,0KACA,gDADA,OACAN,EADA,OAEA,YACA,2DAHA,+CAQAO,QAtBA,WAuBA,yBC7Duc,I,wBCQncC,EAAY,eACd,EACAjC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAW,E,2CCnBf","file":"js/chunk-57ca025e.9bf1448d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg\"},[_c('BaseImg',{attrs:{\"option\":{\n    style: {\n      margin: '17px auto 0',\n      width: '358px',\n    },\n    url: 'logo.png'\n  }}}),_c('BaseImg',{attrs:{\"option\":{\n    style: {\n      margin: '-38px auto 0',\n    },\n    url: 'slogan.png'\n  }}}),_c('div',{staticClass:\"friends-box\"},[_c('div',{staticClass:\"friends-list\"},[_vm._l((_vm.friendList),function(item,index){return _c('div',{key:index,staticClass:\"list-item\"},[_c('div',{staticClass:\"head-img\"},[_c('img',{attrs:{\"src\":item.headImg,\"alt\":\"\"}})]),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.nickName)+\"通过你的召唤成功进入活动！\")])])}),(_vm.friendList.length === 0)?_c('div',{staticClass:\"no-data\"},[_vm._v(\"暂无好友助力~\")]):_vm._e()],2)]),_c('BaseBtnHome')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Author: \n * @Date: \n * @LastEditors: soul(佘家骏) \n * @LastEditTime: 2021-11-23 17:19:56\n * @Description: file content\n -->\n<template>\n  <div class=\"bg\">\n    <BaseImg :option=\"{\n      style: {\n        margin: '17px auto 0',\n        width: '358px',\n      },\n      url: 'logo.png'\n    }\"/>\n    <BaseImg :option=\"{\n      style: {\n        margin: '-38px auto 0',\n      },\n      url: 'slogan.png'\n    }\"/>\n    <div class=\"friends-box\">\n      <div class=\"friends-list\">\n        <div class=\"list-item\" v-for=\"(item, index) in friendList\" :key=\"index\" >\n          <div class=\"head-img\">\n            <img :src=\"item.headImg\" alt=\"\">\n          </div>\n          <div class=\"name\">{{item.nickName}}通过你的召唤成功进入活动！</div>\n        </div>\n        <div class=\"no-data\" v-if=\"friendList.length === 0\">暂无好友助力~</div>\n      </div>\n    </div>\n    <BaseBtnHome></BaseBtnHome>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {\n  },\n  props: {},\n  data() {\n    return {\n      friendList: [],\n      myRank: {},\n      myIndex: 0\n    };\n  },\n  watch: {},\n  computed: {},\n  methods: {\n    async getRankingList() {\n      const data = await this.$httpdf.get(this.apiHost + 'assistance/myFriends')\n      if (data.code == 0) {\n        this.friendList = data.data.filter((v)=> v!=null)\n        // this.friendList = [...this.friendList, ...this.friendList,...this.friendList,...this.friendList,...this.friendList]\n      }\n    }\n  },\n  mounted() {\n    this.getRankingList();\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.bg {\n  background: #FEDCC5 url( $imgHost + 'rule_bg.png?v=' + $OSSVersion) 0 0 / 100% no-repeat;\n  padding-bottom: 80px;\n  .friends-box {\n    width: 331px;\n    height: 303px;\n    position: relative;\n    background: url($imgHost + 'friend_box.png?v=' + $OSSVersion) 0 0 / 100% no-repeat;\n    padding: 35px 30px 0 50px;\n    box-sizing: border-box;\n    z-index: 2;\n    p {\n      font-size: 16px;\n      font-family: PingFang SC;\n      font-weight: 500;\n      color: #FFFFFF;\n      text-align: center;\n    }\n    .friends-list {\n      height: 240px;\n      box-sizing: border-box;\n      overflow: auto;\n      position: relative;\n      z-index: 2;\n      .list-item {\n        position: relative;\n        display: flex;\n        align-items: center;\n        font-size: 15px;\n        font-family: PingFang SC;\n        font-weight: 500;\n        color: #fff;\n        padding: 10px 0;\n        &+.list-item {\n          border-top: 1px solid rgba(254, 228, 129, .2)\n        }\n        .rank {\n          width: 30px;\n          font-size: 15px;\n          font-family: PingFang SC;\n          font-weight: 500;\n          color: #fff;\n          text-align: center;\n        }\n        .head-img {\n          background: #fff;\n          width: 40px;\n          height: 40px;\n          border-radius: 50%;\n          // margin: 0 auto;\n          position: relative;\n          img {\n            border-radius: 50%;\n          }\n        }\n        .name {\n          flex: 1;\n          margin-left: 12px;\n          span {\n            font-size: 10px;\n            opacity: 0.74;\n          }\n        }\n        .txt {\n          font-size: 15px;\n          font-family: PingFang SC;\n          font-weight: 500;\n          color: #FEE481;\n          span {\n            font-size: 18px;\n            color: #FF4C1D;\n          }\n        }\n        .score {\n          margin-right: 25px; \n        }\n        &.my-rank {\n          .name {\n            font-weight: 500;\n          }\n          .score {\n            background: linear-gradient(0deg, #00C2FD 0.4150390625%, #00CDC6 100%);\n            background-clip: text;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n          }\n        }\n      }\n    }\n  }\n  .no-data {\n    width: 100%;\n    height: 100%;\n    font-size: 15px;\n    color: #fff;\n    @extend .flex-center-center;\n    text-align: center;\n    line-height: 180%;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./myFriends.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./myFriends.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./myFriends.vue?vue&type=template&id=3a7c5cb1&scoped=true&\"\nimport script from \"./myFriends.vue?vue&type=script&lang=js&\"\nexport * from \"./myFriends.vue?vue&type=script&lang=js&\"\nimport style0 from \"./myFriends.vue?vue&type=style&index=0&id=3a7c5cb1&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a7c5cb1\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/_sass-loader@10.3.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./myFriends.vue?vue&type=style&index=0&id=3a7c5cb1&prod&lang=scss&scoped=true&\""],"sourceRoot":""}