7.56d8029c036ad6ddce95.js 14.4 KB
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