mirror of
https://github.com/element-plus/element-plus.git
synced 2025-01-18 10:59:10 +08:00
9408e7eb76
* feat(docs): document add changelog page - Add changelog and markdown component for changelog.md - Add changelog page - Add some locale for change log - Fix a bug that caused ToC not working * Add minimal width to changelog selector * Add width to changelog selector * fix selector width issue
51 lines
1.2 KiB
Vue
51 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<el-input v-model="input1" placeholder="Please input">
|
|
<template #prepend>Http://</template>
|
|
</el-input>
|
|
</div>
|
|
<div style="margin-top: 15px">
|
|
<el-input v-model="input2" placeholder="Please input">
|
|
<template #append>.com</template>
|
|
</el-input>
|
|
</div>
|
|
<div style="margin-top: 15px">
|
|
<el-input
|
|
v-model="input3"
|
|
placeholder="Please input"
|
|
class="input-with-select"
|
|
>
|
|
<template #prepend>
|
|
<el-select v-model="select" placeholder="Select" style="width: 110px">
|
|
<el-option label="Restaurant" value="1"></el-option>
|
|
<el-option label="Order No." value="2"></el-option>
|
|
<el-option label="Tel" value="3"></el-option>
|
|
</el-select>
|
|
</template>
|
|
<template #append>
|
|
<el-button icon="el-icon-search"></el-button>
|
|
</template>
|
|
</el-input>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, ref } from 'vue'
|
|
export default defineComponent({
|
|
setup() {
|
|
return {
|
|
input1: ref(''),
|
|
input2: ref(''),
|
|
input3: ref(''),
|
|
select: ref(''),
|
|
}
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<style>
|
|
.input-with-select .el-input-group__prepend {
|
|
background-color: #fff;
|
|
}
|
|
</style>
|