"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[2649],{12649:function(n,t,e){e.r(t),e.d(t,{default:function(){return C}});var i=e(20641),l=e(90033);const s=n=>((0,i.Qi)("data-v-04f0f46d"),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={class:"block-box"},u={class:"function"},p=["onClick"],r={style:{"white-space":"pre-wrap"}};function k(n,t,e,s,k,v){const f=(0,i.g2)("el-input"),m=(0,i.g2)("el-row"),C=(0,i.g2)("el-collapse-item"),h=(0,i.g2)("el-collapse"),x=(0,i.g2)("el-card");return(0,i.uX)(),(0,i.CE)("div",o,[a,(0,i.Lk)("div",c,[(0,i.bF)(x,{class:"box-card",style:{"margin-bottom":"50px","padding-bottom":"20px"}},{default:(0,i.k6)((()=>[(0,i.Lk)("div",d,[k.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)=>v.addContent&&v.addContent(...n))})),((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(k.list,((n,e)=>((0,i.uX)(),(0,i.Wv)(m,{class:"input-row",key:e},{default:(0,i.k6)((()=>[(0,i.bF)(f,{modelValue:n.text,"onUpdate:modelValue":t=>n.text=t,placeholder:"请输入内容",class:"input-detail"},null,8,["modelValue","onUpdate:modelValue"]),(0,i.Lk)("div",u,[(0,i.Lk)("i",{class:"iconfont icon-jian1 minus",onClick:n=>v.removeContent(e)},null,8,p),e===k.list.length-1?((0,i.uX)(),(0,i.CE)("i",{key:0,class:"iconfont icon-jia plus",onClick:t[1]||(t[1]=(...n)=>v.addContent&&v.addContent(...n))})):(0,i.Q3)("",!0)])])),_:2},1024)))),128))]),(0,i.bF)(h,null,{default:(0,i.k6)((()=>[(0,i.bF)(C,{title:"查看代码",name:"2"},{default:(0,i.k6)((()=>[(0,i.Lk)("div",r,(0,l.v_)(k.base),1)])),_:1})])),_:1})])),_:1})])])}e(44114);var v={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)}}},f=e(66262);const m=(0,f.A)(v,[["render",k],["__scopeId","data-v-04f0f46d"]]);var C=m}}]);
|
