"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[2892],{12892:function(e,n,t){t.r(n),t.d(n,{default:function(){return z}});var l=t(20641),u=t(90033),i=function(e){return(0,l.Qi)("data-v-6fcb5ca8"),e=e(),(0,l.jt)(),e},o={class:"lin-container"},a=i((function(){return(0,l.Lk)("div",{class:"lin-title"},"Input 输入框",-1)})),d={class:"lin-wrap-ui"},r=i((function(){return(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"基础用法")],-1)})),p={style:{"white-space":"pre-wrap"}},c=i((function(){return(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"禁用状态")],-1)})),s={style:{"white-space":"pre-wrap"}},f=i((function(){return(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"带icon的输入框")],-1)})),m={style:{"white-space":"pre-wrap"}},b=i((function(){return(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"复合型输入框")],-1)})),k={style:{"white-space":"pre-wrap"}},_=i((function(){return(0,l.Lk)("div",{slot:"header"},[(0,l.Lk)("span",null,"尺寸")],-1)})),F={style:{"white-space":"pre-wrap"}};function h(e,n,t,i,h,v){var V=(0,l.g2)("el-input"),x=(0,l.g2)("el-col"),z=(0,l.g2)("el-row"),g=(0,l.g2)("el-collapse-item"),w=(0,l.g2)("el-collapse"),L=(0,l.g2)("el-card"),y=(0,l.g2)("el-option"),U=(0,l.g2)("el-select"),C=(0,l.g2)("el-button");return(0,l.uX)(),(0,l.CE)("div",o,[a,(0,l.Lk)("div",d,[(0,l.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,l.k6)((function(){return[r,(0,l.bF)(z,null,{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:12},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{placeholder:"请输入内容",size:"medium",modelValue:h.input1,"onUpdate:modelValue":n[0]||(n[0]=function(e){return h.input1=e})},null,8,["modelValue"])]})),_:1})]})),_:1}),(0,l.bF)(w,null,{default:(0,l.k6)((function(){return[(0,l.bF)(g,{title:"查看代码",name:"2"},{default:(0,l.k6)((function(){return[(0,l.Lk)("div",p,(0,u.v_)(h.base),1)]})),_:1})]})),_:1})]})),_:1}),(0,l.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,l.k6)((function(){return[c,(0,l.bF)(z,null,{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:12},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{placeholder:"禁止输入",size:"medium",disabled:""})]})),_:1})]})),_:1}),(0,l.bF)(w,null,{default:(0,l.k6)((function(){return[(0,l.bF)(g,{title:"查看代码",name:"2"},{default:(0,l.k6)((function(){return[(0,l.Lk)("div",s,(0,u.v_)(h.disabled),1)]})),_:1})]})),_:1})]})),_:1}),(0,l.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,l.k6)((function(){return[f,(0,l.bF)(z,null,{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:12},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{placeholder:"请输入内容",size:"medium","suffix-icon":"el-icon-edit",modelValue:h.input2,"onUpdate:modelValue":n[1]||(n[1]=function(e){return h.input2=e})},null,8,["modelValue"])]})),_:1})]})),_:1}),(0,l.bF)(z,{style:{"margin-top":"20px"}},{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:12},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{placeholder:"请输入内容",size:"medium","prefix-icon":"el-icon-search",modelValue:h.input3,"onUpdate:modelValue":n[2]||(n[2]=function(e){return h.input3=e})},null,8,["modelValue"])]})),_:1})]})),_:1}),(0,l.bF)(w,null,{default:(0,l.k6)((function(){return[(0,l.bF)(g,{title:"查看代码",name:"2"},{default:(0,l.k6)((function(){return[(0,l.Lk)("div",m,(0,u.v_)(h.icon),1)]})),_:1})]})),_:1})]})),_:1}),(0,l.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,l.k6)((function(){return[b,(0,l.bF)(z,null,{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:12},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{placeholder:"请输入内容",size:"medium",modelValue:h.input4,"onUpdate:modelValue":n[3]||(n[3]=function(e){return h.input4=e})},{prepend:(0,l.k6)((function(){return[(0,l.eW)("Http://")]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),(0,l.bF)(z,{style:{"margin-top":"20px","margin-bottom":"20px"}},{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:12},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{placeholder:"请输入内容",size:"medium",modelValue:h.input5,"onUpdate:modelValue":n[4]||(n[4]=function(e){return h.input5=e})},{append:(0,l.k6)((function(){return[(0,l.eW)(".com")]})),_:1},8,["modelValue"])]})),_:1})]})),_:1}),(0,l.bF)(z,null,{default:(0,l.k6)((function(){return[(0,l.bF)(x,null,{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:12},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{modelValue:h.input,"onUpdate:modelValue":n[6]||(n[6]=function(e){return h.input=e}),placeholder:"请输入内容",size:"medium",class:"input-with-select"},{default:(0,l.k6)((function(){return[(0,l.bF)(U,{modelValue:h.select,"onUpdate:modelValue":n[5]||(n[5]=function(e){return h.select=e}),slot:"prepend",placeholder:"请选择"},{default:(0,l.k6)((function(){return[(0,l.bF)(y,{label:"餐厅名",value:"1"}),(0,l.bF)(y,{label:"订单号",value:"2"}),(0,l.bF)(y,{label:"用户电话",value:"3"})]})),_:1},8,["modelValue"]),(0,l.bF)(C,{slot:"append",icon:"el-icon-search"})]})),_:1},8,["modelValue"])]})),_:1})]})),_:1})]})),_:1}),(0,l.bF)(w,null,{default:(0,l.k6)((function(){return[(0,l.bF)(g,{title:"查看代码",name:"2"},{default:(0,l.k6)((function(){return[(0,l.Lk)("div",k,(0,u.v_)(h.complex),1)]})),_:1})]})),_:1})]})),_:1}),(0,l.bF)(L,{class:"box-card",style:{"margin-bottom":"50px"}},{default:(0,l.k6)((function(){return[_,(0,l.bF)(z,{gutter:20},{default:(0,l.k6)((function(){return[(0,l.bF)(x,{span:6},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{placeholder:"请输入内容","suffix-icon":"el-icon-date",modelValue:h.input6,"onUpdate:modelValue":n[7]||(n[7]=function(e){return h.input6=e})},null,8,["modelValue"])]})),_:1}),(0,l.bF)(x,{span:6},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{size:"medium",placeholder:"请输入内容","suffix-icon":"el-icon-date",modelValue:h.input7,"onUpdate:modelValue":n[8]||(n[8]=function(e){return h.input7=e})},null,8,["modelValue"])]})),_:1}),(0,l.bF)(x,{span:6},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{size:"small",placeholder:"请输入内容","suffix-icon":"el-icon-date",modelValue:h.input8,"onUpdate:modelValue":n[9]||(n[9]=function(e){return h.input8=e})},null,8,["modelValue"])]})),_:1}),(0,l.bF)(x,{span:6},{default:(0,l.k6)((function(){return[(0,l.bF)(V,{size:"mini",placeholder:"请输入内容","suffix-icon":"el-icon-date",modelValue:h.input9,"onUpdate:modelValue":n[10]||(n[10]=function(e){return h.input9=e})},null,8,["modelValue"])]})),_:1})]})),_:1}),(0,l.bF)(w,null,{default:(0,l.k6)((function(){return[(0,l.bF)(g,{title:"查看代码",name:"2"},{default:(0,l.k6)((function(){return[(0,l.Lk)("div",F,(0,u.v_)(h.size),1)]})),_:1})]})),_:1})]})),_:1})])])}var v={name:"LinCmsUiButton",components:{},data:function(){return{input:"",input1:"",input2:"",input3:"",input4:"",input5:"",input6:"",input7:"",input8:"",input9:"",select:"",base:'\n <el-input placeholder="请输入内容" size="medium" v-model="input"></el-input>',disabled:'\n <el-input placeholder="禁止输入" size="medium" disabled></el-input>',icon:'\n <el-input placeholder="请选择日期" size="medium" suffix-icon="el-icon-date" v-model="input"></el-input>\n <el-input placeholder="请输入内容" size="medium" prefix-icon="el-icon-search" v-model="input"></el-input>',complex:'\n <el-input placeholder="请输入内容" size="medium" v-model="input">\n <template slot="prepend">Http://</template>\n </el-input>\n \n <el-input placeholder="请输入内容" size="medium" v-model="input">\n <template slot="append">.com</template>\n </el-input>\n \n <el-input placeholder="请输入内容" size="medium" class="input-with-select" v-model="input">\n <el-select size="medium" slot="prepend" placeholder="请选择">\n <el-option label="餐厅名" value="1"></el-option>\n <el-option label="订单号" value="2"></el-option>\n <el-option label="用户电话" value="3"></el-option>\n </el-select>\n <el-button slot="append" icon="el-icon-search"></el-button>\n </el-input>\n \n .input-with-select .el-input-group__prepend {\n background-color: #fff;\n width: 100px;\n border-top: 1px solid #dcdfe6;\n border-left: 1px solid #dcdfe6;\n border-bottom: 1px solid #dcdfe6;\n border-right: none;\n }',size:'\n <el-input placeholder="请输入内容" suffix-icon="el-icon-date" v-model="input"></el-input>\n <el-input size="medium" placeholder="请输入内容" suffix-icon="el-icon-date" v-model="input"></el-input>\n <el-input size="small" placeholder="请输入内容" suffix-icon="el-icon-date" v-model="input"></el-input>\n <el-input size="mini" placeholder="请输入内容" suffix-icon="el-icon-date" v-model="input"></el-input>'}},computed:{},watch:{},mounted:function(){this.init()},methods:{init:function(){}}},V=t(66262);const x=(0,V.A)(v,[["render",h],["__scopeId","data-v-6fcb5ca8"]]);var z=x}}]);
|
