| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[57],{2429:function(n,t,r){var a=r(2430);"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);(0,r(19).default)("14751c56",a,!1,{})},2430:function(n,t,r){(n.exports=r(16)(!1)).push([n.i,"\n.component-wrapper[data-v-5a5b850e] {\n display: flex;\n justify-content: center;\n width: 375px;\n}\n.circleBox[data-v-5a5b850e] {\n position: relative;\n width: 100%;\n height: 140px;\n border-radius: 15px;\n margin: 12px 12px 12px 12px;\n /*background-color: #4d4746;*/\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.circleBox .circleLeft[data-v-5a5b850e] {\n margin-left: 20px;\n /*color: #ffd772;*/\n font-size: 13px;\n text-align: left;\n}\n.circleBox .circleLeft .priceCir[data-v-5a5b850e] {\n margin-top: 8px;\n margin-bottom: 14px;\n font-size: 13px;\n}\n.circleBox .circleLeft .priceCir .pric[data-v-5a5b850e] {\n font-size: 28px;\n}\n.circleBox .circleRight[data-v-5a5b850e] {\n width: 70px;\n height: 25px;\n /*background-color: #f6db97;*/\n border-radius: 15px;\n font-size: 14px;\n /*color: #494247;*/\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n}\n.circleBox-radius[data-v-5a5b850e] {\n position: absolute;\n left: 0;\n top: -35px;\n width: 375px;\n height: 200px;\n /* 用到了渐变 第一个值是圆形的大小(200px) 第二个值是左右移动(100px,由于盒子是200宽,100px正好在中间) 第三个值是上下移动 */\n /*background-image: radial-gradient(500px at 180px -310px, transparent, transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,#fff);*/\n}\n",""])},2495:function(n,t,r){"use strict";r.r(t);var a=function(){if(this.datas.preview_color){var n=this.datas,t=n.preview_color,r=n.balance_bg_color,a=n.font_color,e=n.number_color,s=n.button_bg_color,p=n.button_color;return"\n\t\t\t .component-"+this.id+"{\n background-color: "+t+";\n }\n .component-"+this.id+" .circleBox{\n background-color: "+r+";\n }\n .component-"+this.id+" .circleBox .circleLeft {\n color: "+a+";\n }\n .component-"+this.id+" .circleBox .circleLeft .priceCir {\n color: "+e+";\n }\n .component-"+this.id+" .circleRight {\n background-color: "+s+";\n color: "+p+";\n }\n .component-"+this.id+" .circleBox-radius {\n background-image: radial-gradient(500px at 180px -310px, transparent, transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,transparent,"+t+");\n }\n "}},e={props:["id","datas","styles"],data:function(){return{}},mounted:function(){},computed:{css:function(){return"<style>"+a.call(this)+"</style>"},className:function(){return["component-wrapper","component-"+this.id]}},watch:{},methods:{}},s=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"U000007-template1",class:this.className,staticStyle:{position:"relative"}},[t("div",{domProps:{innerHTML:this._s(this.css)}}),this._v(" "),this._m(0),this._v(" "),t("div",{staticClass:"circleBox-radius"})])};s._withStripped=!0;var p=r(11);var i=function(n){r(2429)},c=Object(p.a)(e,s,[function(){var n=this.$createElement,t=this._self._c||n;return t("div",{staticClass:"circleBox"},[t("div",{staticClass:"circleLeft"},[t("span",[this._v("余额")]),this._v(" "),t("div",{staticClass:"priceCir"},[t("span",[this._v("￥")]),this._v(" "),t("span",{staticClass:"pric"},[this._v("88")])])]),this._v(" "),t("div",{staticClass:"circleRight"},[this._v("充值")])])}],!1,i,"data-v-5a5b850e",null);c.options.__file="src\\ui-component\\U_storebalance\\m\\index.vue";t.default=c.exports}}]);
|
