10.0f38392dc64ca1afa730.js 8.9 KB
webpackJsonp([10],{QCaR:function(n,A,e){var t=e("j2op");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);e("rjj0")("b44d3a68",t,!1,{})},R7Pr:function(n,A,e){"use strict";Object.defineProperty(A,"__esModule",{value:!0});var t=e("CCn6"),o={0:"待付款",1:"付款成功",2:"付款失败",3:"退款成功"},i={name:"order",data:function(){return{orderList:[]}},filters:{orderType:function(n){return o[n]}},mounted:function(){this.initPage()},methods:{initPage:function(){var n=this;Object(t.g)({status:1}).then(function(A){A.list.forEach(function(n){n.goods_desc&&(n.goods_desc=JSON.parse(n.goods_desc))}),n.orderList=A.list})}}},r=function(){var n=this,A=n.$createElement,e=n._self._c||A;return e("div",[n.orderList.length<1?e("div",{staticClass:"tips"}):n._e(),n._v(" "),n._l(n.orderList,function(A){return e("div",{staticClass:"list"},[e("div",{staticClass:"head"},[A.goods_desc?e("div",{staticClass:"bg-img",style:{backgroundImage:"url("+A.goods_desc.img[0].url+")"}}):n._e(),n._v(" "),e("div",{staticClass:"content"},[e("div",{staticClass:"title"},[n._v(n._s(A.goods_name))]),n._v(" "),A.goods_desc?e("div",{staticClass:"desc"},[n._v(n._s(A.goods_desc.desc))]):n._e(),n._v(" "),e("div",{staticClass:"time"},[n._v("付款时间:"+n._s(A.pay_at))])])]),n._v(" "),e("div",{staticClass:"footer"},[e("span",{staticClass:"payMoney"},[n._v("实付:"+n._s(A.money/100))]),n._v(" "),e("span",{class:{red:1===A.status}},[n._v(n._s(n._f("orderType")(A.status)))])])])})],2)};r._withStripped=!0;var a={render:r,staticRenderFns:[]},s=a;var c=!1;var l=e("VU/8")(i,s,!1,function(n){c||e("QCaR")},"data-v-5ffcfc6e",null);l.options.__file="src/components/order.vue";A.default=l.exports},j2op:function(n,A,e){(n.exports=e("FZ+f")(!0)).push([n.i,"\n.fl-r[data-v-5ffcfc6e] {\n  float: right;\n}\n.main-block[data-v-5ffcfc6e] {\n  margin: 5px;\n  background: white;\n  padding: 5px;\n}\n.clear-both[data-v-5ffcfc6e]:after {\n  content: '';\n  display: block;\n  clear: both;\n}\n[data-v-5ffcfc6e]::-webkit-scrollbar-track-piece {\n  border-radius: 10px;\n}\n[data-v-5ffcfc6e]::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n[data-v-5ffcfc6e]::-webkit-scrollbar-thumb {\n  background-color: #999;\n  border-radius: 10px;\n  height: 10px;\n  min-height: 10px;\n}\n.list .bg-img[data-v-5ffcfc6e] {\n  width: 21.33333333vw;\n  height: 21.33333333vw;\n  background-size: 100% 100% ;\n}\n.list .head[data-v-5ffcfc6e] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\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  line-height: 1.4em;\n  position: relative;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  margin-left: 10px;\n  margin-right: 10px;\n  margin-top: 12px;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-top-left-radius: 9px;\n  border-top-right-radius: 9px;\n}\n.list .head .content[data-v-5ffcfc6e] {\n  font-size: 3.2vw;\n  color: #999;\n}\n.list .head .content .title[data-v-5ffcfc6e] {\n  font-size: 3.73333vw;\n  color: #666;\n}\n.list .footer[data-v-5ffcfc6e] {\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-left: 10px;\n  margin-right: 10px;\n  padding: 6px 12px;\n  color: #999;\n  font-size: 3.2vw;\n  border: 1px solid #ccc;\n  border-top: none;\n  border-bottom-left-radius: 9px;\n  border-bottom-right-radius: 9px;\n  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);\n          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);\n}\n.list .footer span[data-v-5ffcfc6e] {\n  margin: 0;\n  line-height: 5.33333333vw;\n}\n.list .footer .red[data-v-5ffcfc6e] {\n  color: #f06a33;\n}\n","",{version:3,sources:["D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/util/public.less","D:/myproject/new-singsingH5/src/components/order.vue","D:/myproject/new-singsingH5/src/components/D:/myproject/new-singsingH5/src/components/order.vue"],names:[],mappings:";AAaA;EACE,aAAA;CCZD;ADcD;EACE,YAAA;EACA,kBAAA;EACA,aAAA;CCZD;ADkBC;EACE,YAAA;EACA,eAAA;EACA,YAAA;CChBH;ADoBD;EACE,oBAAA;CClBD;ADoBD;EACE,WAAA;EACA,YAAA;CClBD;ADoBD;EACE,uBAAA;EACA,oBAAA;EACA,aAAA;EACA,iBAAA;CClBD;ACmCA;EAEI,qBAAA;EACA,sBAAA;EACA,4BAAA;CDlCJ;AC8BA;EAOI,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,wBAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,mBAAA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,uBAAA;EACA,4BAAA;EACA,6BAAA;CDlCJ;ACeA;EAqBM,iBAAA;EACA,YAAA;CDjCN;ACWA;EAwBQ,qBAAA;EACA,YAAA;CDhCR;ACOA;EA8BI,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,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;EACA,iBAAA;EACA,uBAAA;EACA,iBAAA;EACA,+BAAA;EACA,gCAAA;EACA,uDAAA;UAAA,+CAAA;CDlCJ;ACTA;EA6CM,UAAA;EACA,0BAAA;CDjCN;ACbA;EAiDM,eAAA;CDjCN",file:"order.vue",sourcesContent:["//颜色参数\n@toVw:100/375vw;\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.list .bg-img {\n  width: 21.33333333vw;\n  height: 21.33333333vw;\n  background-size: 100% 100% ;\n}\n.list .head {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 1.4em;\n  position: relative;\n  flex-flow: row nowrap;\n  margin-left: 10px;\n  margin-right: 10px;\n  margin-top: 12px;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-top-left-radius: 9px;\n  border-top-right-radius: 9px;\n}\n.list .head .content {\n  font-size: 3.2vw;\n  color: #999;\n}\n.list .head .content .title {\n  font-size: 3.73333vw;\n  color: #666;\n}\n.list .footer {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: space-between;\n  align-items: center;\n  margin-left: 10px;\n  margin-right: 10px;\n  padding: 6px 12px;\n  color: #999;\n  font-size: 3.2vw;\n  border: 1px solid #ccc;\n  border-top: none;\n  border-bottom-left-radius: 9px;\n  border-bottom-right-radius: 9px;\n  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);\n}\n.list .footer span {\n  margin: 0;\n  line-height: 5.33333333vw;\n}\n.list .footer .red {\n  color: #f06a33;\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 .list{\n   .bg-img{\n     width: 80*@toVw;\n     height: 80*@toVw;\n     background-size:100% 100% ;\n   }\n   .head{\n     display: flex;\n     justify-content: center;\n     align-items: center;\n     line-height: 1.4em;\n     position: relative;\n     flex-flow: row nowrap;\n     margin-left: 10px;\n     margin-right: 10px;\n     margin-top: 12px;\n     padding: 12px;\n     border: 1px solid #ccc;\n     border-top-left-radius: 9px;\n     border-top-right-radius: 9px;\n     .content{\n       font-size: 3.2vw;\n       color: #999;\n       .title{\n         font-size: 3.73333vw;\n         color: #666;\n       }\n     }\n   }\n   .footer{\n     display: flex;\n     flex-flow: row nowrap;\n     justify-content: space-between;\n     align-items: center;\n     margin-left: 10px;\n     margin-right: 10px;\n     padding: 6px 12px;\n     color: #999;\n     font-size: 12 * @toVw;\n     border: 1px solid #ccc;\n     border-top: none;\n     border-bottom-left-radius: 9px;\n     border-bottom-right-radius: 9px;\n     box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.1);\n     span{\n       margin: 0;\n       line-height: 20 * @toVw;\n     }\n     .red{\n       color: #f06a33;\n     }\n   }\n}\n'],sourceRoot:""}])}});
//# sourceMappingURL=10.0f38392dc64ca1afa730.js.map