| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[30],{1758:function(e,t,s){e.exports=s.p+"db7dc1db60b3b68e1ed348ec38f67b24.png"},2387:function(e,t,s){var n=s(2388);"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);(0,s(19).default)("5b661d01",n,!1,{})},2388:function(e,t,s){(e.exports=s(16)(!1)).push([e.i,"\n*[data-v-30b8dbf2] {\n padding: 0;\n margin: 0;\n list-style-type: none;\n}\n.component-wrapper[data-v-30b8dbf2] {\n width: 375px;\n padding: 10px;\n}\n#ys_member[data-v-30b8dbf2] {\n padding: 10px;\n border-radius: 15px;\n background-color: #fff;\n}\n#ys_member .progress-panel[data-v-30b8dbf2] {\n padding: 10px;\n background: rgba(255, 193, 30, 0.1);\n border-radius: 3px;\n}\n#ys_member .progress-panel .steps[data-v-30b8dbf2] {\n display: flex;\n margin: 10px 0 16px;\n}\n#ys_member .progress-panel .steps .step[data-v-30b8dbf2] {\n position: relative;\n}\n#ys_member .progress-panel .steps .step .line[data-v-30b8dbf2] {\n width: 100%;\n height: 10px;\n border-radius: 5px;\n background-color: #fec400;\n opacity: 0.2;\n}\n#ys_member .progress-panel .steps .step .icon[data-v-30b8dbf2] {\n position: absolute;\n right: -5px;\n top: -50%;\n height: 26px;\n}\n#ys_member .progress-panel .steps .step .icon img[data-v-30b8dbf2] {\n height: 100%;\n object-fit: contain;\n}\n#ys_member .progress-panel .steps .active-step .line[data-v-30b8dbf2] {\n opacity: 1;\n}\n#ys_member .progress-panel .next-level[data-v-30b8dbf2] {\n text-align: left;\n font-size: 12px;\n}\n#ys_member .ys-member-info[data-v-30b8dbf2] {\n text-align: center;\n}\n#ys_member .ys-member-info .title[data-v-30b8dbf2] {\n font-weight: bold;\n line-height: 30px;\n text-align: left;\n margin-top: 5px;\n}\n#ys_member .ys-member-info .list[data-v-30b8dbf2] {\n display: flex;\n}\n#ys_member .ys-member-info .list .cell[data-v-30b8dbf2] {\n flex: 1;\n font-weight: 600;\n line-height: 18px;\n}\n#ys_member .ys-member-info .list .cell .cell-size-13[data-v-30b8dbf2] {\n font-size: 13px;\n color: #403f3f;\n}\n#ys_member .ys-member-info .list .cell .cell-size-10[data-v-30b8dbf2] {\n font-size: 10px;\n color: #757272;\n}\n#ys_member .ys-member-info .list .cell .cell-size-11[data-v-30b8dbf2] {\n font-size: 11px;\n color: #323232;\n}\n",""])},2475:function(e,t,s){"use strict";s.r(t);var n=function(){if(this.datas.preview_color){var e=this.datas.preview_color;return"\n\t\t .component-"+this.id+" {\n\t\t background-color: "+e.color+";\n background-image: url("+(2==e.isColor?e.image:"")+");\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n\t\t }\n\t\t"}},i={props:["id","datas","styles"],data:function(){return{level_list:[{id:0,level:0,level_name:"普通会员",member_current_level:1},{id:17,level:1,level_name:"会员等级一",member_current_level:0},{id:25,level:1,level_name:"潜在客户",member_current_level:0},{id:16,level:2,level_name:"会员等级二",member_current_level:0}]}},computed:{css:function(){return"<style>"+n.call(this)+"</style>"},className:function(){return["component-wrapper","component-"+this.id]}},methods:{}},l=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:e.className},[n("div",{domProps:{innerHTML:e._s(e.css)}}),e._v(" "),n("div",{attrs:{id:"ys_member"}},[n("div",{staticClass:"progress-panel"},[n("div",{staticClass:"steps"},e._l(e.level_list,(function(t,i){return n("div",{key:i,staticClass:"step",class:{"active-step":t.member_current_level},style:{width:(100/e.level_list.length).toFixed(2)+"%"}},[n("div",{staticClass:"line"}),e._v(" "),n("div",{staticClass:"icon"},[n("img",{attrs:{src:s(1758),alt:""}})])])})),0),e._v(" "),e._m(0)]),e._v(" "),e._m(1)])])};l._withStripped=!0;var a=s(11);var r=function(e){s(2387)},c=Object(a.a)(i,l,[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"next-level"},[this._v("\n 下一个等级还需要消费 "),t("em",{staticStyle:{color:"#ff4949"}},[this._v("xx")]),this._v(" 元\n ")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"ys-member-info"},[s("div",{staticClass:"title"},[e._v("我的线下账户")]),e._v(" "),s("div",{staticClass:"list"},[s("div",{staticClass:"cell"},[s("div",{staticClass:"cell-size-13"},[e._v("xxx元")]),e._v(" "),s("div",{staticClass:"cell-size-10"},[e._v("冻结xx元")]),e._v(" "),s("div",{staticClass:"cell-size-11"},[e._v("红包")])]),e._v(" "),s("div",{staticClass:"cell"},[s("div",{staticClass:"cell-size-13"},[e._v("xxx元")]),e._v(" "),s("div",{staticClass:"cell-size-10"},[e._v("冻结xx元")]),e._v(" "),s("div",{staticClass:"cell-size-11"},[e._v("红包")])]),e._v(" "),s("div",{staticClass:"cell"},[s("div",{staticClass:"cell-size-13"},[e._v("xxx元")]),e._v(" "),s("div",{staticClass:"cell-size-10"},[e._v("冻结xx元")]),e._v(" "),s("div",{staticClass:"cell-size-11"},[e._v("红包")])])])])}],!1,r,"data-v-30b8dbf2",null);c.options.__file="src\\ui-component\\U_memberYs\\m\\index.vue";t.default=c.exports}}]);
|
