| | |
| | | <tr v-if="!downTitle"> |
| | | <td> |
| | | <el-row justify="space-between" align="middle"> |
| | | {{ title }} |
| | | <el-button size="small" @click="$emit('change')">{{ |
| | | btnName |
| | | }}</el-button> |
| | | <!-- {{ title }} --> |
| | | <el-input |
| | | size="small" |
| | | :model-value="title" |
| | | @input="handleInputChange" |
| | | placeholder="标题" |
| | | style="width: 150px" |
| | | /> |
| | | </el-row> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td> |
| | | <td style="position: relative"> |
| | | <el-image |
| | | class="image" |
| | | :src="imgSrc" |
| | |
| | | </div> |
| | | </template> |
| | | </el-image> |
| | | <el-button class="pop-button" size="small" @click="$emit('change')">{{ |
| | | btnName |
| | | }}</el-button> |
| | | </td> |
| | | </tr> |
| | | <tr v-if="downTitle"> |
| | | <td> |
| | | <el-row justify="space-between" align="middle"> |
| | | {{ title }} |
| | | <el-button size="small" @click="$emit('change')">{{ |
| | | btnName |
| | | }}</el-button> |
| | | <!-- {{ title }} --> |
| | | <el-input |
| | | size="small" |
| | | :model-value="title" |
| | | @input="handleInputChange" |
| | | placeholder="标题" |
| | | style="width: 150px" |
| | | /> |
| | | </el-row> |
| | | </td> |
| | | </tr> |
| | |
| | | |
| | | // const unchangeImg = '../../../../assets/image/unchange.png' |
| | | |
| | | const emit = defineEmits(['change']); |
| | | const emit = defineEmits(['change', 'update:title']); |
| | | |
| | | function handleInputChange(value) { |
| | | emit('update:title', value); |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | .image { |
| | |
| | | height: 100%; |
| | | background: var(--el-fill-color-light); |
| | | } |
| | | |
| | | .pop-button { |
| | | position: absolute; |
| | | bottom: 0; |
| | | right: 0; |
| | | } |
| | | </style> |