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:["D:/myproject/new-singsingH5/src/components/buy/src/components/buy/inviteList.vue"],names:[],mappings:";AA6DA;EACA,gBAAA;CACA",file:"inviteList.vue",sourcesContent:['<template>\r\n <div class="activity">\r\n <div>\r\n <div class="inviteContainer">\r\n <img :src="inviteListTitle" class="invite-title"/>\r\n <div class="flex-bt i-title">\r\n <span>受邀好友</span>\r\n <span>购买时间</span>\r\n </div>\r\n <ul class="p-list">\r\n <li v-for="data in inviteList">\r\n <div class="flex-start no-margin">\r\n <img :src="data.avatar"/>\r\n <span>{{data.nickname}}</span>\r\n </div>\r\n <span class="no-margin">{{data.pay_at | formatDate}}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import {getInviteListApi} from "../../service/api";\r\n import invite_list_title from \'../../assets/activity/invite_list_title.png\'\r\n export default {\r\n name: "index",\r\n data(){\r\n return {\r\n inviteListTitle: invite_list_title,\r\n inviteList: []\r\n }\r\n },\r\n filters: {\r\n formatDate(value){\r\n if(value) {\r\n return value.split(\' \')[0]\r\n } else {\r\n return \'\'\r\n }\r\n }\r\n },\r\n mounted(){\r\n this.getInviteList();\r\n },\r\n methods:{\r\n getInviteList(){\r\n let json = {\r\n page: 1,\r\n limit: 100\r\n }\r\n getInviteListApi(json).then(res=>{\r\n this.inviteList = res.list\r\n console.log(\'inviteList\', res.list)\r\n });\r\n }\r\n }\r\n }\r\n<\/script>\r\n<style>\r\n img,video{\r\n max-width: 100%;\r\n }\r\n</style>\r\n<style scoped lang="less">\r\n @import "../../util/public";\r\n @red: #fc4a1b;\r\n @borderRadius: 8px;\r\n .activity {\r\n color: #fff;\r\n background-color: #ffb400;\r\n }\r\n .inviteContainer {\r\n position: relative;\r\n text-align: center;\r\n border-radius: @borderRadius;\r\n padding-top: 10 / 2 * @toVw;\r\n padding-bottom: 38 / 2 * @toVh;\r\n }\r\n .invite-title {\r\n position: relative;\r\n width: 60%;\r\n height: auto;\r\n margin: 20 * @toVw 0;\r\n }\r\n .invite-list {\r\n margin-left: 32 / 2 * @toVw;\r\n margin-right: 32 / 2 * @toVw;\r\n padding: 28 / 2 * @toVh;\r\n border: 1px solid @red;\r\n border-radius: @borderRadius;\r\n .i-title {\r\n font-size: 14px;\r\n margin: 10 * @toVw;\r\n }\r\n .i-num {\r\n font-size: 18px;\r\n }\r\n }\r\n .flex-center {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .flex-start {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: flex-start;\r\n align-items: center;\r\n }\r\n .flex-bt {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .red{\r\n color: @red;\r\n }\r\n .p-list {\r\n margin: 16*@toVw;\r\n padding: 0;\r\n border: 2px solid #fff;\r\n li {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: 0;\r\n padding: 8 * @toVw;\r\n img {\r\n width: 74 / 2 * @toVw;\r\n height: 74 / 2 * @toVw;\r\n border-radius: 50%;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n .no-margin {\r\n margin: 0;\r\n }\r\n</style>\r\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:["D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/buy/inviteList.vue","D:/myproject/new-singsingH5/src/components/buy/D:/myproject/new-singsingH5/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;AC4CD;EACE,YAAA;EACA,0BAAA;CD1CD;AC4CD;EACE,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,0BAAA;EACA,6BAAA;CD1CD;AC4CD;EACE,mBAAA;EACA,WAAA;EACA,aAAA;EACA,uBAAA;CD1CD;AC4CD;EACE,0BAAA;EACA,2BAAA;EACA,sBAAA;EACA,0BAAA;EACA,mBAAA;CD1CD;ACqCD;EAOE,gBAAA;EACA,qBAAA;CDzCD;ACiCD;EAWE,gBAAA;CDzCD;AC4CD;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;CD1CD;AC4CD;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;CD1CD;AC4CD;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;CD1CD;AC4CD;EACE,eAAA;CD1CD;AC4CD;EACE,qBAAA;EACA,WAAA;EACA,uBAAA;CD1CD;ACuCD;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;CDzCD;AC+BD;EAYE,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,kBAAA;CDxCD;AC4CD;EACE,UAAA;CD1CD",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\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"),r=i("owV8"),A=i.n(r),a={name:"index",data:function(){return{inviteListTitle:A.a,inviteList:[]}},filters:{formatDate:function(n){return n?n.split(" ")[0]:""}},mounted:function(){this.getInviteList()},methods:{getInviteList:function(){var n=this;Object(e.i)({page:1,limit:100}).then(function(t){n.inviteList=t.list,console.log("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(n._f("formatDate")(t.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")(a,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")("2dac3346",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")("5e8cc0b2",e,!1,{})}});
//# sourceMappingURL=7.56d8029c036ad6ddce95.js.map
-
wangwei authoredcf6ee2d2