|
@@ -1,36 +1,32 @@
|
|
-<template>
|
|
|
|
- <div class="career-container">
|
|
|
|
- <div class="career-wrapper">
|
|
|
|
- <div class="career-banner">
|
|
|
|
- <el-image :src="require('@/assets/images/career/career_banner.png')" />
|
|
|
|
- </div>
|
|
|
|
- <div>
|
|
|
|
- <course-tab-page />
|
|
|
|
- </div>
|
|
|
|
- <div class="career-others">
|
|
|
|
- <div class="career-others-left"></div>
|
|
|
|
- <div class="career-others-right"></div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
-</template>
|
|
|
|
-<script>
|
|
|
|
-import courseTabPage from "./components/courseTabPage.vue";
|
|
|
|
-export default {
|
|
|
|
- components: { courseTabPage },
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
-<style lang="scss" scoped>
|
|
|
|
-.career-container {
|
|
|
|
- background-color: #ffffff;
|
|
|
|
- padding: 20px;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
-}
|
|
|
|
-.career-wrapper {
|
|
|
|
- width: 1184px;
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: column;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|
|
|
|
+<template>
|
|
|
|
+ <div class="career-container">
|
|
|
|
+ <div class="career-wrapper">
|
|
|
|
+ <div class="career-banner">
|
|
|
|
+ <el-image :src="require('@/assets/images/career/career_banner.png')" />
|
|
|
|
+ </div>
|
|
|
|
+ <div>
|
|
|
|
+ <course-tab-page />
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+<script>
|
|
|
|
+import courseTabPage from "./components/courseTabPage.vue";
|
|
|
|
+export default {
|
|
|
|
+ components: { courseTabPage },
|
|
|
|
+};
|
|
|
|
+</script>
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+.career-container {
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ padding: 20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+}
|
|
|
|
+.career-wrapper {
|
|
|
|
+ width: 1184px;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+}
|
|
|
|
+</style>
|