|
|
|
@ -31,7 +31,7 @@ const inputUnitTitle = (val:string) => { |
|
|
|
console.log("inputUnitTitle",val); |
|
|
|
switch (val) { |
|
|
|
case "radio": |
|
|
|
return "Radio布局" |
|
|
|
return "输入设置" |
|
|
|
break; |
|
|
|
case "select": |
|
|
|
unitIsShow.value = false; |
|
|
|
@ -76,10 +76,10 @@ const inputUnitTitle = (val:string) => { |
|
|
|
default: |
|
|
|
unitIsShow.value = true; |
|
|
|
labelIsShow.value = true; |
|
|
|
return "Input布局" |
|
|
|
return "输入设置" |
|
|
|
break; |
|
|
|
} |
|
|
|
return "Input布局" |
|
|
|
return "输入设置" |
|
|
|
} |
|
|
|
// const divStyle = reactive<any>({}) |
|
|
|
// watch(()=>divStyle,(val : any)=>{ |
|
|
|
@ -104,10 +104,10 @@ const activeName = ref('0') |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<div class="jhk_kjh"> |
|
|
|
当前组件类别======>{{props.place}} |
|
|
|
<!-- 当前组件类别======>{{props.place}} --> |
|
|
|
<el-collapse v-model="activeName" accordion> |
|
|
|
|
|
|
|
<el-collapse-item title="边框布局" name="1"> |
|
|
|
<el-collapse-item title="边框设置" name="1"> |
|
|
|
|
|
|
|
<el-divider content-position="left">外框</el-divider> |
|
|
|
<DesignLayout v-model:layouyt-style="props.stylesVal.divStyle" /> |
|
|
|
@ -125,7 +125,7 @@ const activeName = ref('0') |
|
|
|
|
|
|
|
</el-collapse-item> |
|
|
|
|
|
|
|
<el-collapse-item v-if="labelIsShow" title="Lable布局" name="2"> |
|
|
|
<el-collapse-item v-if="labelIsShow" title="标签设置" name="2"> |
|
|
|
<el-divider content-position="left">外框</el-divider> |
|
|
|
<DesignLayout v-model:layouyt-style="props.stylesVal.labelStyle" /> |
|
|
|
<el-divider content-position="left">圆角</el-divider> |
|
|
|
@ -154,7 +154,7 @@ const activeName = ref('0') |
|
|
|
<TextPage v-model:layouyt-style="props.stylesVal.inputStyle" :place="'div'" /> |
|
|
|
</el-collapse-item> |
|
|
|
|
|
|
|
<el-collapse-item v-if="buttionShow" title="按钮布局" name="2"> |
|
|
|
<el-collapse-item v-if="buttionShow" title="输入设置" name="2"> |
|
|
|
<el-divider content-position="left">尺寸</el-divider> |
|
|
|
<PageSizeSmail v-model:layouyt-style="props.stylesVal.labelStyle" :place="'div'" /> |
|
|
|
<el-divider content-position="left">文本</el-divider> |
|
|
|
@ -172,3 +172,4 @@ const activeName = ref('0') |
|
|
|
background-color: rgb(229, 229, 229); |
|
|
|
} |
|
|
|
</style> |
|
|
|
|