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