|
- <template>
- <div class="page flex">
- <el-form
- :label-position="labelPosition"
- label-width="100px"
- :model="formLabelAlign"
- style="max-width: 460px"
- >
- <el-form-item label="Name">
- <el-input v-model="formLabelAlign.name" />
- </el-form-item>
- <el-form-item label="Activity zone">
- <el-input v-model="formLabelAlign.region" />
- </el-form-item>
- <el-form-item label="Activity form">
- <el-input v-model="formLabelAlign.type" />
- </el-form-item>
- </el-form>
- </div>
- </template>
- <script setup>
- const labelPosition = ref("right");
-
- const formLabelAlign = reactive({
- name: "",
- region: "",
- type: "",
- });
- </script>
- <style lang="scss" scoped>
- .page {
- height: 887px;
- padding: 20px 0 0 20px;
- // height: calc(100vh - 84px);
- background-color: #fff;
- border-radius: 25px 0 0;
- }
- </style>
|