webpackJsonp([7],{"+tjQ":function(n,t,i){(n.exports=i("FZ+f")(!0)).push([n.i,"\nimg,video{\n  max-width: 100%;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/components/buy/src/components/buy/inviteList.vue"],names:[],mappings:";AAmDA;EACA,gBAAA;CACA",file:"inviteList.vue",sourcesContent:['<template>\n  <div class="activity">\n    <div>\n      <div class="inviteContainer">\n        <img :src="inviteListTitle" class="invite-title"/>\n        <div class="flex-bt i-title">\n          <span>受邀好友</span>\n          <span>购买时间</span>\n        </div>\n        <ul class="p-list">\n          <li v-for="data in inviteList">\n            <div class="flex-start no-margin">\n              <img :src="data.avatar"/>\n              <span>{{data.nickname}}</span>\n            </div>\n            <span class="no-margin">{{data.data.pay_at}}</span>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import {getInviteListApi} from "../../service/api";\n  import invite_list_title from \'../../assets/activity/invite_list_title.png\'\n  export default {\n    name: "index",\n    data(){\n      return {\n        inviteListTitle: invite_list_title,\n        inviteList: []\n      }\n    },\n    mounted(){\n      this.getInviteList();\n    },\n    methods:{\n      getInviteList(){\n        let json = {\n          page: 1,\n          limit: 100\n        }\n        getInviteListApi(json).then(res=>{\n          this.inviteList = res.list\n        });\n      }\n    }\n  }\n<\/script>\n<style>\n  img,video{\n    max-width: 100%;\n  }\n</style>\n<style scoped lang="less">\n  @import "../../util/public";\n  @red: #fc4a1b;\n  @borderRadius: 8px;\n  .activity {\n    color: #fff;\n    background-color: #ffb400;\n  }\n  .inviteContainer {\n    position: relative;\n    text-align: center;\n    border-radius: @borderRadius;\n    padding-top: 10 / 2 * @toVw;\n    padding-bottom: 38 / 2 * @toVh;\n  }\n  .invite-title {\n    position: relative;\n    width: 60%;\n    height: auto;\n    margin: 20 * @toVw 0;\n  }\n  .invite-list {\n    margin-left: 32 / 2 * @toVw;\n    margin-right: 32 / 2 * @toVw;\n    padding: 28 / 2 * @toVh;\n    border: 1px solid @red;\n    border-radius: @borderRadius;\n  .i-title {\n    font-size: 14px;\n    margin: 10 * @toVw;\n  }\n  .i-num {\n    font-size: 18px;\n  }\n  }\n  .flex-center {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: center;\n    align-items: center;\n  }\n  .flex-start {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: flex-start;\n    align-items: center;\n  }\n  .flex-bt {\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .red{\n    color: @red;\n  }\n  .p-list {\n    margin: 16*@toVw;\n    padding: 0;\n    border: 2px solid #fff;\n  li {\n    display: flex;\n    flex-flow:  row nowrap;\n    justify-content: space-between;\n    align-items: center;\n    margin: 0;\n    padding: 8 * @toVw;\n  img {\n    width: 74 / 2 * @toVw;\n    height: 74 / 2 * @toVw;\n    border-radius: 50%;\n    margin-right: 5px;\n  }\n  }\n  }\n  .no-margin {\n    margin: 0;\n  }\n</style>\n'],sourceRoot:""}])},XlNT:function(n,t,i){(n.exports=i("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-7a39e480] {\n  float: right;\n}\n.main-block[data-v-7a39e480] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-7a39e480]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-7a39e480]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-7a39e480]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-7a39e480]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.activity[data-v-7a39e480] {\n  color: #fff;\n  background-color: #ffb400;\n}\n.inviteContainer[data-v-7a39e480] {\n  position: relative;\n  text-align: center;\n  border-radius: 8px;\n  padding-top: 1.33333333vw;\n  padding-bottom: 2.84857571vh;\n}\n.invite-title[data-v-7a39e480] {\n  position: relative;\n  width: 60%;\n  height: auto;\n  margin: 5.33333333vw 0;\n}\n.invite-list[data-v-7a39e480] {\n  margin-left: 4.26666667vw;\n  margin-right: 4.26666667vw;\n  padding: 2.09895052vh;\n  border: 1px solid #fc4a1b;\n  border-radius: 8px;\n}\n.invite-list .i-title[data-v-7a39e480] {\n  font-size: 14px;\n  margin: 2.66666667vw;\n}\n.invite-list .i-num[data-v-7a39e480] {\n  font-size: 18px;\n}\n.flex-center[data-v-7a39e480] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.flex-start[data-v-7a39e480] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.flex-bt[data-v-7a39e480] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.red[data-v-7a39e480] {\n  color: #fc4a1b;\n}\n.p-list[data-v-7a39e480] {\n  margin: 4.26666667vw;\n  padding: 0;\n  border: 2px solid #fff;\n}\n.p-list li[data-v-7a39e480] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin: 0;\n  padding: 2.13333333vw;\n}\n.p-list li img[data-v-7a39e480] {\n  width: 9.86666667vw;\n  height: 9.86666667vw;\n  border-radius: 50%;\n  margin-right: 5px;\n}\n.no-margin[data-v-7a39e480] {\n  margin: 0;\n}\n","",{version:3,sources:["/Users/wang/Documents/changchang/projects/wechat/src/util/public.less","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/inviteList.vue","/Users/wang/Documents/changchang/projects/wechat/src/components/buy/inviteList.vue"],names:[],mappings:";AAcA;EACE,aAAA;CCbD;ADeD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCbD;ADmBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CCjBH;ADqBD;EACE,oBAAA;CCnBD;ADqBD;EACE,WAAA;EACA,YAAA;CCnBD;ADqBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CCnBD;ACkCD;EACE,YAAA;EACA,0BAAA;CDhCD;ACkCD;EACE,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,0BAAA;EACA,6BAAA;CDhCD;ACkCD;EACE,mBAAA;EACA,WAAA;EACA,aAAA;EACA,uBAAA;CDhCD;ACkCD;EACE,0BAAA;EACA,2BAAA;EACA,sBAAA;EACA,0BAAA;EACA,mBAAA;CDhCD;AC2BD;EAOE,gBAAA;EACA,qBAAA;CD/BD;ACuBD;EAWE,gBAAA;CD/BD;ACkCD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,wBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CDhCD;ACkCD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,4BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CDhCD;ACkCD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,+BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;CDhCD;ACkCD;EACE,eAAA;CDhCD;ACkCD;EACE,qBAAA;EACA,WAAA;EACA,uBAAA;CDhCD;AC6BD;EAKE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,+BAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,UAAA;EACA,sBAAA;CD/BD;ACqBD;EAYE,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,kBAAA;CD9BD;ACkCD;EACE,UAAA;CDhCD",file:"inviteList.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\n@toVh:100/667vh;\n@bg-b: #333;\n@bg-b-s:#444;\n@black-line:#191919;\n@gray-line:#666;\n@light-line:#ddd;\n@main-font-color:#fff;\n@secondary-font-color:#999;\n@gold-color-light:#FFD04B;\n@gold-color: #a18430;\n\n//公共类\n.fl-r{\n  float: right;\n}\n.main-block{\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\nhtml{\n\n}\n.clear-both{\n  &:after{\n    content: '';\n    display: block;\n    clear: both;\n  }\n}\n//滚动条样式\n::-webkit-scrollbar-track-piece { //滚动条凹槽的颜色，还可以设置边框属性\n  border-radius: 10px;\n}\n::-webkit-scrollbar {//滚动条的宽度\n  width:5px;\n  height:5px;\n}\n::-webkit-scrollbar-thumb {//滚动条的设置\n  background-color:@secondary-font-color;\n  border-radius: 10px;\n  height: 10px;\n  min-height:10px;\n}\n",".fl-r {\n  float: right;\n}\n.main-block {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.activity {\n  color: #fff;\n  background-color: #ffb400;\n}\n.inviteContainer {\n  position: relative;\n  text-align: center;\n  border-radius: 8px;\n  padding-top: 1.33333333vw;\n  padding-bottom: 2.84857571vh;\n}\n.invite-title {\n  position: relative;\n  width: 60%;\n  height: auto;\n  margin: 5.33333333vw 0;\n}\n.invite-list {\n  margin-left: 4.26666667vw;\n  margin-right: 4.26666667vw;\n  padding: 2.09895052vh;\n  border: 1px solid #fc4a1b;\n  border-radius: 8px;\n}\n.invite-list .i-title {\n  font-size: 14px;\n  margin: 2.66666667vw;\n}\n.invite-list .i-num {\n  font-size: 18px;\n}\n.flex-center {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.flex-start {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.flex-bt {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.red {\n  color: #fc4a1b;\n}\n.p-list {\n  margin: 4.26666667vw;\n  padding: 0;\n  border: 2px solid #fff;\n}\n.p-list li {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: 2.13333333vw;\n}\n.p-list li img {\n  width: 9.86666667vw;\n  height: 9.86666667vw;\n  border-radius: 50%;\n  margin-right: 5px;\n}\n.no-margin {\n  margin: 0;\n}\n",'\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@import "../../util/public";\n@red: #fc4a1b;\n@borderRadius: 8px;\n.activity {\n  color: #fff;\n  background-color: #ffb400;\n}\n.inviteContainer {\n  position: relative;\n  text-align: center;\n  border-radius: @borderRadius;\n  padding-top: 10 / 2 * @toVw;\n  padding-bottom: 38 / 2 * @toVh;\n}\n.invite-title {\n  position: relative;\n  width: 60%;\n  height: auto;\n  margin: 20 * @toVw 0;\n}\n.invite-list {\n  margin-left: 32 / 2 * @toVw;\n  margin-right: 32 / 2 * @toVw;\n  padding: 28 / 2 * @toVh;\n  border: 1px solid @red;\n  border-radius: @borderRadius;\n.i-title {\n  font-size: 14px;\n  margin: 10 * @toVw;\n}\n.i-num {\n  font-size: 18px;\n}\n}\n.flex-center {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n}\n.flex-start {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n.flex-bt {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n}\n.red{\n  color: @red;\n}\n.p-list {\n  margin: 16*@toVw;\n  padding: 0;\n  border: 2px solid #fff;\nli {\n  display: flex;\n  flex-flow:  row nowrap;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: 8 * @toVw;\nimg {\n  width: 74 / 2 * @toVw;\n  height: 74 / 2 * @toVw;\n  border-radius: 50%;\n  margin-right: 5px;\n}\n}\n}\n.no-margin {\n  margin: 0;\n}\n'],sourceRoot:""}])},eZU3:function(n,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=i("CCn6"),A=i("owV8"),a=i.n(A),r={name:"index",data:function(){return{inviteListTitle:a.a,inviteList:[]}},mounted:function(){this.getInviteList()},methods:{getInviteList:function(){var n=this;Object(e.g)({page:1,limit:100}).then(function(t){n.inviteList=t.list})}}},o=function(){var n=this,t=n.$createElement,i=n._self._c||t;return i("div",{staticClass:"activity"},[i("div",[i("div",{staticClass:"inviteContainer"},[i("img",{staticClass:"invite-title",attrs:{src:n.inviteListTitle}}),n._v(" "),n._m(0),n._v(" "),i("ul",{staticClass:"p-list"},n._l(n.inviteList,function(t){return i("li",[i("div",{staticClass:"flex-start no-margin"},[i("img",{attrs:{src:t.avatar}}),n._v(" "),i("span",[n._v(n._s(t.nickname))])]),n._v(" "),i("span",{staticClass:"no-margin"},[n._v(n._s(t.data.pay_at))])])}))])])])};o._withStripped=!0;var s={render:o,staticRenderFns:[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"flex-bt i-title"},[t("span",[this._v("受邀好友")]),this._v(" "),t("span",[this._v("购买时间")])])}]},l=s;var c=!1;var d=i("VU/8")(r,l,!1,function(n){c||(i("z9Jl"),i("pWqq"))},"data-v-7a39e480",null);d.options.__file="src/components/buy/inviteList.vue";t.default=d.exports},owV8:function(n,t,i){n.exports=i.p+"static/img/invite_list_title.7338e46.png"},pWqq:function(n,t,i){var e=i("XlNT");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);i("rjj0")("2c90f64e",e,!1,{})},z9Jl:function(n,t,i){var e=i("+tjQ");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);i("rjj0")("e6761d8c",e,!1,{})}});
//# sourceMappingURL=7.f3c98eacf99a46b5bfc0.js.map