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
-
王 authored39e92c39