-
vue_hngxy_experiment_003\vue_elementplus_dl\src\components\Administrator\CommonForm.vue
<template> <div> CommonForm </div> </template> <script> export default {} </script> <style lang="scss" scoped></style>
-
vue_hngxy_experiment_003\vue_elementplus_dl\src\components\Administrator\CommonTable.vue
-
vue_hngxy_experiment_003\vue_elementplus_dl\src\views\Administrator\Student\Student.vue
<template>
<div class="manage">
<div class="manage-header">
<common-form></common-form>
</div>
<div class="manage-content">
<common-table></common-table>
</div>
</div>
</template>
<script>
import CommonForm from '../../../components/Administrator/CommonForm'
import CommonTable from '../../../components/Administrator/CommonTable'
export default {
components: {
CommonForm,
CommonTable
}
}
</script>
<style lang="scss" scoped>
@import '@/assets/scss/common';
</style>
- vue_hngxy_experiment_003\src\assets\scss\common.scss
.manage{
height: 90%;
padding-bottom: 20px;
overflow: hidden;
&-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
}
- 浏览器界面