| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0b362b"],{"27c3":function(e,t,l){"use strict";l.r(t);var i=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",{staticClass:"app-container"},[l("el-button",{attrs:{type:"text"},on:{click:function(t){e.dialogVisible=!0}}},[e._v("点击打开 Dialog")]),e._v(" "),l("el-dialog",{attrs:{visible:e.dialogVisible,width:"35%"},on:{"update:visible":function(t){e.dialogVisible=t}}},[l("div",{staticStyle:{display:"flex"}},[l("div",[l("el-form",{attrs:{"label-width":"130px"}},[l("el-form-item",{attrs:{label:"顶边距"}},[l("el-input",{staticStyle:{width:"220px"},attrs:{onkeyup:"value=value.replace(/[^\\d]/g,'')",placeholder:"请输入顶边距",clearable:""},model:{value:e.height,callback:function(t){e.height=t},expression:"height"}})],1),e._v(" "),l("el-form-item",{attrs:{label:"左边距"}},[l("el-input",{staticStyle:{width:"220px"},attrs:{onkeyup:"value=value.replace(/[^\\d]/g,'')",placeholder:"请输入左边距",clearable:""},model:{value:e.left_len,callback:function(t){e.left_len=t},expression:"left_len"}})],1),e._v(" "),l("el-form-item",{attrs:{label:"文字内容"}},[l("el-input",{staticStyle:{width:"220px"},attrs:{clearable:""},model:{value:e.text,callback:function(t){e.text=t},expression:"text"}})],1),e._v(" "),l("el-form-item",{attrs:{label:"文字大小"}},[l("el-input",{staticStyle:{width:"220px"},attrs:{onkeyup:"value=value.replace(/[^\\d]/g,'')",placeholder:"请输入文字大小",clearable:""},model:{value:e.size,callback:function(t){e.size=t},expression:"size"}})],1),e._v(" "),l("el-form-item",{attrs:{label:"文字颜色"}},[l("div",{staticStyle:{display:"flex","align-items":"center"}},[l("el-input",{staticStyle:{width:"180px"},attrs:{clearable:""},model:{value:e.color,callback:function(t){e.color=t},expression:"color"}}),e._v(" "),l("el-color-picker",{model:{value:e.color,callback:function(t){e.color=t},expression:"color"}})],1)]),e._v(" "),l("el-form-item",{attrs:{label:"图片"}},[l("el-input",{staticStyle:{width:"220px"},attrs:{clearable:""},model:{value:e.user_img,callback:function(t){e.user_img=t},expression:"user_img"}})],1),e._v(" "),l("el-form-item",[l("el-button",{attrs:{type:"primary"},on:{click:e.setImage}},[e._v("生成")])],1)],1)],1),e._v(" "),l("div",{staticStyle:{"margin-left":"60px"}},[e.image?l("el-image",{staticStyle:{width:"200px",border:"1px dashed #C1C4C6"},attrs:{src:e.image,"preview-src-list":[e.image]}}):e._e(),e._v(" "),e.image?l("p",{staticStyle:{width:"200px","text-align":"center"}},[e._v("点击图片预览")]):e._e()],1)])])],1)},a=[],s={data:function(){return{dialogVisible:!0,height:306,left_len:844,text:"",size:100,color:"#FFFFFF",user_img:"https://image.chuliu.cc/bwcx.png",image:null}},created:function(){},methods:{setImage:function(){if(this.height&&this.left_len&&this.text&&this.size&&this.color&&this.user_img){console.log(this.image);var e=this.color.slice(1);this.image="https://api.admin.app.cliu.cc/api/CreateImgBDemo?user_img=".concat(this.user_img,"&text=").concat(this.text,"&size=").concat(this.size,"&color=").concat(e,"&left_len=").concat(this.left_len,"&height=").concat(this.height)}else this.$message.error("请补全信息")}}},c=s,o=l("2877"),r=Object(o["a"])(c,i,a,!1,null,null,null);t["default"]=r.exports}}]);
|
