"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[411],{60411:function(n,t,e){e.r(t),e.d(t,{default:function(){return h}});var i=e(20641),l=e(90033);const s=n=>((0,i.Qi)("data-v-f98f148a"),n=n(),(0,i.jt)(),n),o={class:"lin-container"},a=s((()=>(0,i.Lk)("div",{class:"lin-title"},"多重输入框",-1))),c={class:"lin-wrap-ui"},d=s((()=>(0,i.Lk)("div",{class:"label-title"},"示例",-1))),u={class:"block-box"},p={class:"function"},r=["onClick"],k={style:{"white-space":"pre-wrap"}};function v(n,t,e,s,v,f){const m=(0,i.g2)("el-input"),C=(0,i.g2)("el-row"),h=(0,i.g2)("el-collapse-item"),x=(0,i.g2)("el-collapse"),b=(0,i.g2)("el-card");return(0,i.uX)(),(0,i.CE)("div",o,[a,(0,i.Lk)("div",c,[(0,i.bF)(b,{class:"box-card",style:{"margin-bottom":"50px","padding-bottom":"20px"}},{default:(0,i.k6)((()=>[d,(0,i.Lk)("div",u,[v.list.length?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("i",{key:0,class:"iconfont icon-jia plus",onClick:t[0]||(t[0]=(...n)=>f.addContent&&f.addContent(...n))})),((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(v.list,((n,e)=>((0,i.uX)(),(0,i.Wv)(C,{class:"input-row",key:e},{default:(0,i.k6)((()=>[(0,i.bF)(m,{modelValue:n.text,"onUpdate:modelValue":t=>n.text=t,placeholder:"请输入内容",size:"medium",class:"input-detail"},null,8,["modelValue","onUpdate:modelValue"]),(0,i.Lk)("div",p,[(0,i.Lk)("i",{class:"iconfont icon-jian1 minus",onClick:n=>f.removeContent(e)},null,8,r),e===v.list.length-1?((0,i.uX)(),(0,i.CE)("i",{key:0,class:"iconfont icon-jia plus",onClick:t[1]||(t[1]=(...n)=>f.addContent&&f.addContent(...n))})):(0,i.Q3)("",!0)])])),_:2},1024)))),128))]),(0,i.bF)(x,null,{default:(0,i.k6)((()=>[(0,i.bF)(h,{title:"查看代码",name:"2"},{default:(0,i.k6)((()=>[(0,i.Lk)("div",k,(0,l.v_)(v.base),1)])),_:1})])),_:1})])),_:1})])])}e(44114);var f={data(){return{base:'\n <div class="block-box">\n <i class="iconfont icon-jia plus" v-if="!list.length" @click="addContent"></i>\n <el-row class="input-row" v-for="(item,index) in list" :key="index">\n <el-input\n v-model="item.text"\n placeholder="请输入内容"\n class="input-detail"\n ></el-input>\n <div class="function">\n <i class="iconfont icon-jian1 minus" @click="removeContent(index)"></i>\n <i class="iconfont icon-jia plus" v-if="index === list.length-1" @click="addContent"></i>\n </div>\n </el-row>\n </div>\n <script>\n export default {\n methods: {\n addContent() {\n this.list.push({\n text: \'\',\n type: \'plus\',\n })\n },\n removeContent(index) {\n this.list.splice(index, 1)\n }\n },\n }\n <\/script>',list:[]}},methods:{addContent(){this.list.push({text:"",type:"plus"})},removeContent(n){this.list.splice(n,1)}}},m=e(66262);const C=(0,m.A)(f,[["render",v],["__scopeId","data-v-f98f148a"]]);var h=C}}]);
|
